CSS(Cascading Style Sheets)是一種用于定義網頁外觀的語言,它的作用是將HTML文檔中的元素進行美化和布局。
CSS有三種應用方式,分別是內部樣式表、內聯樣式和鏈入式樣式表。本文主要介紹鏈入式樣式表。
鏈入式樣式表是將CSS代碼寫在一個獨立的外部文件中,然后通過鏈接在HTML文檔中進行引用。這樣做的好處是可以將樣式代碼與內容代碼分離,方便管理和維護。
<!DOCTYPE html>
<html>
<head>
<title>鏈入式樣式表</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>鏈入式樣式表</h1>
<p>鏈入式樣式表可以讓網頁更加美觀和易于管理。</p>
</body>
</html>
在上面的HTML文檔中,使用<link>標簽將style.css文件鏈接到HTML文檔中。其中,rel屬性指定了鏈接的類型為樣式表,type屬性指定了樣式表的類型為CSS,href屬性指定了樣式表文件的路徑。
此外,在style.css文件中,寫入CSS代碼,如下所示:
h1 {
color: red;
}
p {
font-size: 18px;
}
這里,我們定義了<h1>元素的顏色為紅色,定義了<p>元素的字體大小為18像素。
總之,鏈入式樣式表的優點是分離了內容和樣式代碼,方便網頁的管理維護。同時,可以通過一個樣式表文件修改多個頁面的樣式,提高了效率。因此,在網頁開發中,建議使用鏈入式樣式表。
上一篇css鼠標移上去變手形狀
下一篇css鼠標移動過去