在網(wǎng)頁(yè)制作過(guò)程中，為了讓頁(yè)面美觀且易于維護(hù)，我們通常會(huì)使用CSS樣式表來(lái)為網(wǎng)頁(yè)定義樣式。CSS有多種引入方式，其中一種是外部樣式表。
創(chuàng)建CSS外部樣式表的步驟如下：
1. 新建一個(gè)CSS文件，文件名可以自取，通常以.css為后綴名。比如說(shuō)，我們新建了一個(gè)樣式表文件，命名為style.css。
/*此處為CSS代碼*/
body{
font-family: Arial, sans-serif;
background-color: #eee;
}
h1{
color: #333;
font-size: 36px;
}2. 在網(wǎng)頁(yè)的head標(biāo)簽中添加link標(biāo)簽，通過(guò)href屬性指定樣式表文件的路徑：
<head> <meta charset="UTF-8"> <title>我的網(wǎng)頁(yè)</title> <link rel="stylesheet" href="style.css"> </head>
上述代碼中，rel屬性指定link標(biāo)簽與網(wǎng)頁(yè)之間關(guān)系的類(lèi)型為樣式表，href屬性指定外部樣式表的路徑。
3. 把需要添加樣式的元素的樣式規(guī)則寫(xiě)在樣式表文件里面。例如，我們?yōu)榫W(wǎng)頁(yè)的body元素添加了一個(gè)字體樣式和背景色。
通過(guò)以上三個(gè)步驟，我們就可以把CSS規(guī)則集集中地寫(xiě)在一個(gè)文件里，方便使用和維護(hù)。同時(shí)，網(wǎng)頁(yè)也會(huì)因?yàn)橥獠繕邮奖淼氖褂枚兊酶鼮槟K化和可讀性更高。