詳細解釋Css樣式.doc

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