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