css寫在哪-css教學-PHP中文網

css寫在哪

青灯夜游

發布： 2023-01-05 16:13:43

原創

11337 人瀏覽過

寫css的位置：1、作為行內樣式，寫在HTML標籤的style屬性中；2、作為內嵌樣式，寫在head標籤的style標籤中；3、作為外聯樣式，寫在單獨的「.css」檔案中，使用link標籤或「@import」規則引入HTML中。

css寫在哪

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css樣式有三種：內嵌CSS樣式、行內CSS樣式、外部CSS樣式（外接樣式）。

1、行內CSS樣式

在HTML的標籤中使用style屬性來設定css樣式

格式：

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

登入後複製

例：

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>

登入後複製

特點：僅作用於本標籤。

2、內嵌CSS樣式

在head標籤中使用style標籤來設定css樣式

格式：

<style type="text/css">
 ....css样式代码 
</style>

登入後複製

範例：

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

登入後複製

特點：作用於目前整個頁面

3、外部CSS樣式（外接樣式）

##將css程式碼寫在一個單獨的「.css」檔案

css寫在哪

用link標籤或@import引入該檔案到頁面中

範例：

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>

登入後複製

學習影片分享：css影片教學

以上是css寫在哪的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

css寫在哪