詳細(xì)解釋Css樣式.doc

引用 a:link,a:visited,a:hover,a:active詳細(xì)解釋Css樣式 a:link,a:visited,a:hover,a:activelink:連接平常的狀態(tài)active:連接被按下的時(shí)候visited:連接被訪問(wèn)過(guò)之后hover:鼠標(biāo)放到連接上的時(shí)候激活的、已訪問(wèn)的、未訪問(wèn)的或者當(dāng)有鼠標(biāo)懸停在其上的鏈接，它們會(huì)在支持 CSS 的瀏覽器中以不同的方式顯示出來(lái)：a:link color: #FF0000 /* 未訪問(wèn)的鏈接 */a:visited color: #00FF00 /* 已訪問(wèn)的鏈接 */a:hover color: #FF00FF /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */a:active color: #0000FF /* 被選擇的鏈接 */注釋：為了產(chǎn)生預(yù)期的效果，在 CSS 定義中，a:hover 必須位于 a:link 和 a:visited 之后！注釋：為了產(chǎn)生預(yù)期的效果，在 CSS 定義中，a:active 必須位于 a:hover 之后！注釋：Pseudo-class（偽類）的名稱對(duì)大小寫(xiě)不敏感。注釋：偽類可與 CSS 類配合使用：a.red:visited color: #FF0000CSS Syntax如果上面這個(gè)例子中的鏈接已訪問(wèn)過(guò)，那么它會(huì)顯示為紅色。另外,上面的幾種不同的狀態(tài)分別可以設(shè)置不同的背景圖片（比如用做導(dǎo)航菜單時(shí)），可以替代OnMouseOver等事件！詳細(xì)的：1:hover版本：CSS1/CSS2 兼容性：IE4+ NS4+語(yǔ)法：Selector : hover sRules 說(shuō)明：設(shè)置對(duì)象在其鼠標(biāo)懸停時(shí)的樣式表屬性。在CSS1中此偽類僅可用于a對(duì)象。且對(duì)于無(wú)href屬性（特性）的a對(duì)象，此偽類不發(fā)生作用。在CSS2中此偽類可以應(yīng)用于任何對(duì)象。目前IE5.5+僅支持CSS1中的:hover。:active版本：CSS1/CSS2 兼容性：IE4+語(yǔ)法：Selector : active sRules 說(shuō)明：設(shè)置對(duì)象在被用戶激活（在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件）時(shí)的樣式表屬性。在CSS1中此偽類僅可用于a對(duì)象。且對(duì)于無(wú)href屬性（特性）的a對(duì)象，此偽類不發(fā)生作用。在CSS2中此偽類可以應(yīng)用于任何對(duì)象。并且:active狀態(tài)可以和:link以及:visited狀態(tài)同時(shí)發(fā)生。目前IE5.5+僅支持CSS1中的:active。:link版本：CSS1 兼容性：IE4+ NS4+語(yǔ)法：Selector : link sRules 說(shuō)明：設(shè)置a對(duì)象在未被訪問(wèn)前的樣式表屬性。IE3將:link偽類的樣式表屬性作用于visited偽類。默認(rèn)值由瀏覽器決定。 對(duì)于無(wú)href屬性（特性）的a對(duì)象，此偽類不發(fā)生作用。:visited版本：CSS1 兼容性：IE4+ NS4+語(yǔ)法：Selector : visited sRules 說(shuō)明：設(shè)置a對(duì)象在其鏈接地址已被訪問(wèn)過(guò)時(shí)的樣式表屬性。IE3將:link偽類的樣式表屬性作用于visited偽類。默認(rèn)值由瀏覽器決定。定義網(wǎng)頁(yè)過(guò)期時(shí)間或用戶清空歷史記錄將影響此偽類的作用。對(duì)于無(wú)href屬性（特性）的a對(duì)象，此偽類不發(fā)生作用。2:hover和a:visited書(shū)寫(xiě)順序的重要性今天在用a:hover屬性的時(shí)候發(fā)現(xiàn)一個(gè)奇怪的問(wèn)題，同一個(gè)頁(yè)面里面有些鏈接的a:hover效果不能正常表現(xiàn)出來(lái)。鏈接的代碼是一樣，沒(méi)有使用其它樣式固定，搞的我莫名其妙。還以為是某個(gè)標(biāo)簽沒(méi)有關(guān)閉，但是頁(yè)面比較長(zhǎng)，檢查起來(lái)又嫌累，但是想來(lái)想去找不到其它原因，索性把瀏覽器一關(guān)，做別的事情去了。重新打開(kāi)這個(gè)頁(yè)面的時(shí)候，突然發(fā)現(xiàn)那個(gè)鏈接的a:hover效果又出來(lái)了。我想了一下，點(diǎn)了那個(gè)鏈接，然后回過(guò)頭再點(diǎn)，果然又沒(méi)了。連忙檢查css文檔，發(fā)現(xiàn)a:hover屬性寫(xiě)在了visited之前，改寫(xiě)到之后，重試，ok！以前看書(shū)的時(shí)候注意到css中關(guān)于鏈接表現(xiàn)的書(shū)寫(xiě)有提示說(shuō)各屬性順序不能顛