HTML中導(dǎo)入CSS文件的方法如下:
1、在HTML文檔的<head>
部分添加<link>
元素,要導(dǎo)入一個(gè)名為style.css
的CSS文件,可以編寫如下代碼:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
2、在<link>
元素中,rel
屬性指定了當(dāng)前文檔與被鏈接文檔之間的關(guān)系,這里使用stylesheet
表示被鏈接文檔是一個(gè)樣式表。type
屬性指定了被鏈接文檔的MIME類型,這里使用text/css
表示被鏈接文檔是一個(gè)CSS文件。href
屬性指定了被鏈接文檔的URL,這里使用style.css
表示被鏈接文檔與當(dāng)前文檔在同一個(gè)目錄下。
3、保存HTML文檔,并在瀏覽器中打開,瀏覽器會(huì)自動(dòng)從服務(wù)器或本地文件系統(tǒng)中加載CSS文件,并將其應(yīng)用到HTML文檔中。
除了上述方法,還可以將CSS代碼直接嵌入到HTML文檔的<style>
部分,或者使用JavaScript動(dòng)態(tài)生成CSS樣式,將CSS代碼與HTML代碼混合在一起會(huì)使代碼難以維護(hù)和管理,建議將CSS代碼單獨(dú)存儲(chǔ)在一個(gè)文件中,并通過<link>
元素將其導(dǎo)入到HTML文檔中。