超鏈接在網頁中用的是最多的了，有幾個屬性我們或許沒有注意到，我們一般都用其中的2個左右，這里總結一下，先看一個網頁
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style type="text/css"> 6 a:link{text-decoration: none; color:blue; font-size: 18px; font-family: 微軟雅黑;} 7 a:visited{ color:green;} 8 a:hover{text-decoration: underline; color:#09f; font-size: 19px;} 9 a:active{text-decoration: blink; color: yellow;} 10 </style> 11 </head> 12 <body> 13 <a href="">這是超鏈接</a> 14 </body> 15 </html>
簡單的說一下，頭部樣式標簽里面a:link是正常的未被訪問過的鏈接樣式，a:active是鼠標點下去到放開這個時間段內鏈接的樣式，a:hover是鼠標移到超鏈接上超鏈接樣式，a:visitend是已經點擊過的超鏈接樣式，常見的是百度搜索結果中我們點擊一條條目之后，會發現默認顏色變了，這個是根據瀏覽器歷史記錄和緩存來的，清除痕跡之后又復原了
內部的樣式：text-decoration是代表文字修飾效果，none是無下划線，underline是有下划線，blink是鼠標按下之后顯示效果，overline是加上划線，line-through是加刪除線，
當然還可以加顏色，字體，字號這樣基本的屬性，就不詳細說了
有幾點需要注意：a:active效果默認瀏覽器是鼠標點下瞬間是紅色，這個我們自己可以按照上面設置；a:visited的樣式和a:link相同並且除顏色外無法修改，一般我們只改變顏色；一旦a:link屬性設置之后，其他屬性默認都繼承a:link中的效果，不用指定也可以，如果單獨指出，按指出的顯示；最后要知道CSS遵循先后順序，后來的會覆蓋前面的，根據這個規律布局的時候一定要考慮代碼順序，按照上面代碼的屬性順序可以完整的表現超鏈接的四種樣式，不要顛倒
根據以上幾點，我們最常用的就是a默認屬性和鼠標放上效果，這樣代碼可以精簡成下面的：
a{text-decoration: none; color:blue; font-size: 18px; font-family: 微軟雅黑;} a:hover{color:#09f;font-size: 19px;}
這樣的話只有默認與鼠標經過兩種情況，並可以實現鼠標經過字體變大的效果，這種用的比較多
以上是超鏈接基本屬性的設置，在這個基礎上我們可以結合前端腳本實現更多的效果和功能