CSS是層疊樣式表的縮寫,是一種用于設(shè)置HTML文檔顏色、字體、布局和其他方面樣式的語言。通過引用外部CSS文件,可以在多個頁面中重復(fù)使用相同的樣式,提高樣式的統(tǒng)一性和維護性。
<link rel="stylesheet" type="text/css" href="style.css">
以上是CSS文件的鏈接標(biāo)簽,通過href屬性指定CSS文件路徑,把該標(biāo)簽加入到HTML中即可引用該CSS文件。
其中type屬性指定引用文件的類型,text/css表示CSS文件,如果引用其他類型的文件,type值應(yīng)該對應(yīng)相應(yīng)的文件類型值。如果省略type屬性,瀏覽器默認(rèn)為text/css。
rel屬性指定與目標(biāo)文檔的關(guān)系,值為stylesheet表示目標(biāo)文檔是一個樣式表文件,這樣瀏覽器會把這個文件作為樣式表處理。
引用順序很重要,應(yīng)該在HTML文檔中先引用樣式表文件,才能使樣式表文件對HTML的效果起作用。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
以上是一個簡單的HTML代碼,將CSS文件應(yīng)用到這個代碼中,我們可以通過CSS改變段落的樣式。當(dāng)然,我們也可以在HTML文件中通過<style>標(biāo)簽來直接編寫CSS樣式。
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
font-size: 14px;
}
</style>
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
以上代碼中,通過在<style>標(biāo)簽中編寫CSS樣式,也可以直接改變段落的顏色和字體大小。
總的來說,在項目開發(fā)中,我們應(yīng)該盡可能地減少CSS的冗余代碼,避免樣式表的混亂,做到高效簡潔。