八、 書寫正確的鏈接樣式
當用css定義鏈接的各種狀態(tài)時,要注意書寫的順序即::link :visited :hover :active利用首字母:L V H A,你可以通過記憶LoVe,Hate,兩個單詞來記住其順序。
:link --------鏈接的顏色
:visited -----鼠標點擊后的顏色
:hover -------鼠標放上去未點的顏色(懸停)
:active-------鼠標點擊瞬間的顏色
九、 :hover的靈活運用
IE6不支持除a標簽以外的:hover屬性,我們了解:hover屬性是鼠標懸停效果。在IE7和FF中,對幾乎任意元素都可以設置:hover屬性效果。這對我們做不同的訪問效果很好。
如:
p {
width : 360px;
height : 80px;
padding : 20px;
margin : 50px auto 0 auto;
border : 1px solid #ccc;
line-height : 25px;
background : #fff;
}
p:hover {
border : 1px solid #000;
background : #ddd;
}
----------------此效果針對IE7和FF
p a {
color : #00f;
text-decoration : none;
font-size : 13px;
}
p a:hover {
color : #036;
text-decoration : underline;
}
-----------------此效果針對IE6
十、 定義A標簽要注意的小問題
當我們定義a{color:red;}時,它代表了A的四種狀態(tài)的樣式,如果此時要定義一個鼠標放上的狀態(tài)只要定義a:hover就可以了,其它三種狀態(tài)就是A中所定義的樣式。
只定義了一個a:link時,一定要記得把其它三種狀態(tài)定義出來!