本文目錄導(dǎo)讀：
建立并運(yùn)用外部CSS樣式表文件
在網(wǎng)頁(yè)設(shè)計(jì)中，使用外部CSS樣式表文件可以為網(wǎng)頁(yè)提供一致的外觀和樣式，下面是如何建立并運(yùn)用外部CSS樣式表文件的步驟：
建立外部CSS樣式表文件
我們需要?jiǎng)?chuàng)建一個(gè)CSS樣式表文件，這個(gè)文件可以是一個(gè)新的文本文件，其中包含了各種CSS樣式規(guī)則，我們可以創(chuàng)建一個(gè)名為“styles.css”的文件，并在其中定義一些樣式規(guī)則。
連接外部CSS樣式表文件
我們需要在HTML文檔中連接這個(gè)外部CSS樣式表文件，這可以通過(guò)在HTML文檔的頭部使用<link>標(biāo)簽來(lái)實(shí)現(xiàn)。
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>在這個(gè)例子中，rel="stylesheet"表示這是一個(gè)樣式表文件，type="text/css"表示文件的類型是CSS，href="styles.css"則表示文件的路徑是“styles.css”。
應(yīng)用樣式規(guī)則
一旦外部CSS樣式表文件已經(jīng)連接到了HTML文檔中，我們就可以在文檔中使用定義的樣式規(guī)則了，如果我們?cè)跇邮奖砦募卸x了一個(gè)類名為“myClass”的樣式規(guī)則，那么我們就可以在HTML文檔中使用這個(gè)類來(lái)應(yīng)用樣式：
<div class="myClass">這是一段應(yīng)用樣式的文本</div>
在這個(gè)例子中，class="myClass"表示這個(gè)div元素將應(yīng)用名為“myClass”的樣式規(guī)則。
通過(guò)以上步驟，我們可以建立并運(yùn)用外部CSS樣式表文件來(lái)為我們的網(wǎng)頁(yè)提供一致的外觀和樣式。
