详细解读CSS链接属性——Web前端系列学习笔记
生活随笔
收集整理的這篇文章主要介紹了
详细解读CSS链接属性——Web前端系列学习笔记
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在實際開發(fā)中,網(wǎng)頁中的鏈接有四種狀態(tài),具體如下所示:
a:link:超級鏈接的初始狀態(tài)。
a:hover:把鼠標(biāo)放上去時懸停的狀態(tài) 。
a:active :是鼠標(biāo)點擊時。
a:visited:是訪問過后的狀態(tài)。
這四種狀態(tài)的排序有一個有趣的規(guī)則——LoVe HAte原則,即按照link、visited、hover、active的順序進行設(shè)置。改變超鏈接的示例代碼如下所示。
/*對全站有鏈接的文字顏色樣式為color:#333; 并無下劃線*/ a{color:#333;text-decoration:none; } /*對鼠標(biāo)放到超鏈接上文字顏色樣式變?yōu)閏olor:#CC3300; 并文字鏈接加下劃線text-decoration:underline;*/ a:hover {color:#CC3300;text-decoration:underline;}總結(jié)
以上是生活随笔為你收集整理的详细解读CSS链接属性——Web前端系列学习笔记的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 详细解读CSS优先级——Web前端系列学
- 下一篇: 【详解】CSS阴影用法——Web前端系列