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