第五章：超鏈接偽類

　　今天我們開始學(xué)習(xí)《十天學(xué)會web標(biāo)準(zhǔn)(div+css)》超鏈接偽類，包含以下內(nèi)容和知識點(diǎn)：

　　一、鏈接的四種樣式

　　二、將鏈接轉(zhuǎn)換為塊狀

　　三、用css制作按鈕

　　四、首字下沉

　　一、超鏈接的四種樣式

　　本來計(jì)劃這節(jié)課放到第九章中講解，但下邊的章節(jié)都涉及到了，所以提前來學(xué)習(xí)一下，上節(jié)課講解的內(nèi)容比較多，這節(jié)課就少講些，只要理解了偽類，就輕松多了。

　　超鏈接可以說是網(wǎng)頁發(fā)展史上一個偉大的發(fā)明，它使得許多頁面相互鏈接從而構(gòu)成一個網(wǎng)站。說到超鏈接，它涉及到一個新的概念：偽類，我們先看下超鏈接的四種樣式：

　　a:link {color: #FF0000} /* 未訪問的鏈接 */

　　a:visited {color: #00FF00} /* 已訪問的鏈接 */

　　a:hover {color: #FF00FF} /* 鼠標(biāo)移動到鏈接上 */

　　a:active {color: #0000FF} /* 選定的鏈接 */

　　以上分別定義了超鏈接未訪問時的鏈接樣式，已訪問的鏈接樣式，鼠標(biāo)移上時鏈接樣式和選定的鏈接樣式。之所以稱之為偽類，也就是說它不是一個真實(shí)的類，正常的類是以點(diǎn)開始，后邊跟一個名稱，而它是以a開始后邊跟個冒號，再跟個狀態(tài)限定字符；比如第三個a:hover的樣式，只有當(dāng)鼠標(biāo)移動到該鏈接上時它才生效，而a:visited只對已訪問過的鏈接生效。偽類使得用戶體驗(yàn)大大提高，比如我們可以設(shè)置鼠標(biāo)移上時改變顏色或下劃線等屬性來告知用戶這個是可以點(diǎn)擊的，設(shè)置已訪問過的鏈接的顏色變灰暗或加刪除線告知用戶這個鏈接的內(nèi)容已訪問過了。

　　下面來做一個默認(rèn)狀態(tài)下是藍(lán)色，鼠標(biāo)放上是紅色加下劃線，選定（按下）時為紫色，已訪問過為灰色加刪除線的實(shí)例來講解一下。首先插入兩個帶超鏈接的內(nèi)容：

　　<p><a href="#">這里是鏈接</a></p>

　　<p><a href="10.html">這里也是鏈接</a></p>

　　從上圖中可以看出，插入的超鏈接默認(rèn)是藍(lán)色來下劃線的，這是標(biāo)簽的默認(rèn)樣式所致，下來我們在css樣式中定義

　　設(shè)置完a:link的樣式后，下面分別設(shè)置a:visited ，a:hover ，a:active的樣式