」語句引入。"/> 」語句引入。">
方法:1、在元素標籤內的style屬性中加入CSS樣式;2、在文檔head部分的style標籤對中加入CSS樣式;3、將CSS程式碼放入「.css」檔案中,使用「28f9f0413e02ee4b135a5b8a2980f1d6」語句引入。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
#依照CSS樣式書寫的位置(或引入的方式),CSS樣式表可以分成以下三大類:
行內樣式表(行內式)
#內部樣式表(內嵌)
#外部樣式表(連結式)
#行內樣式表的語法格式如下:
<div style="color: blue; font-size: 16px;">测试</div>
注意:
行內樣式表是在元素標籤內部的style屬性中設定CSS樣式,只適用於修改簡單的樣式
內部樣式表的語法格式如下:
<style> div { color: blue; font-size: 16px; } </style>
注意:
內部樣式表是把所有的CSS程式碼抽出出來,單獨放在一個c9ccee2e6ea535a969eb3f532ad9fe89標籤中;
#c9ccee2e6ea535a969eb3f532ad9fe89標籤理論上可以放在HTML文檔的任何地方,但一般會放在文檔的93f0f5c25f18dab9d176bd4f6de5d30e標籤中
引入外部樣式表的步驟:
新建一個後綴名為.css的樣式文件,把所有CSS程式碼都放入此文件中;
在HTML頁面中,使用9b3737d50531bee70b4389e7b6fabf02標籤引入文件,具體引入代碼如下所示:
99a09b9b891c8e41a681dd0cb91cce09
屬性 | 說明 |
---|---|
rel | 定義目前文件與別連結文件之間的關係,"stylesheet"表示:連結的文件是樣式表檔 |
href | 定義所連結的外部樣式表檔案的URL,可以是相對路徑,也可以是絕對路徑 |
(學習影片分享:css影片教學)
以上是引入css樣式表的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!