請你注意一些CSS偽類屬性不被所有瀏覽器支持,但有四個偽類可以安全使用在鏈接上
偽類像是指定選擇器狀態或關聯選擇器的門閂。它們的形式如:selector:pseudo class { property: value; },在選擇器和偽屬性之間使用冒號。
盡管CSS里可以省略它們,但維護不同顏色的鏈接對于新手是個很好的練習。由于偽類(相比hover)不是經常使用,作為公用屬性是非常不幸的特性。由于這樣,它不像以前那么重要,但如果為最優用戶響應考慮,應該使用它。
傳統默認,文本鏈接是藍色,訪問后是紫色,理論上可以使用很多不同顏色效果,但,再次,逐漸廣泛使用CSS,使得鏈接變得不再普通,平均用戶也不再認為鏈接必須是藍色或紫色。
除了鏈接其他元素也可以使用hover偽類。不幸的是,ie7以下的瀏覽器不支持,這樣有許多漂亮的效果不能在IE上實現。
偽類像是指定選擇器狀態或關聯選擇器的門閂。它們的形式如:selector:pseudo class { property: value; },在選擇器和偽屬性之間使用冒號。
link 沒有點擊過的鏈接
visited以點擊過的鏈接
active獲得焦點時的鏈接(比如在點擊時)
hover 鼠標在鏈接上面
a.snowman:link {
color: blue;
}
a.snowman:visited {
color: purple;
}
a.snowman:active {
color: red;
}
a.snowman:hover {
text-decoration: none;
color: blue;
background-color: yellow;
}
盡管CSS里可以省略它們,但維護不同顏色的鏈接對于新手是個很好的練習。由于偽類(相比hover)不是經常使用,作為公用屬性是非常不幸的特性。由于這樣,它不像以前那么重要,但如果為最優用戶響應考慮,應該使用它。
傳統默認,文本鏈接是藍色,訪問后是紫色,理論上可以使用很多不同顏色效果,但,再次,逐漸廣泛使用CSS,使得鏈接變得不再普通,平均用戶也不再認為鏈接必須是藍色或紫色。
除了鏈接其他元素也可以使用hover偽類。不幸的是,ie7以下的瀏覽器不支持,這樣有許多漂亮的效果不能在IE上實現。
标签:CSS基礎教程
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17