CSS頁面佈局常用知識總結（超連結樣式）
- yulia原創
- 2018-09-20 16:09:563129瀏覽
CSS中的知識非常多，我們不可能全都記得住。閒暇時整理了一些CSS頁面佈局的常用知識，這篇文章就和大家分享一下CSS超連結樣式的常用知識。需要的朋友可以參考一下，希望可以幫助你。
設計網頁時，我們可以透過偽類對連結的樣式控制，引導使用者瀏覽網頁，增加互動的豐富元素。
1、連結的屬性
超連結的標籤為3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed，網頁上的超連結一般用來連結文字或圖片。超連結有4個偽類，分別代表連結的不同狀態。
a: link（超連結未被訪問前的樣式）
a: visited（連結位址已被存取後的樣式）
a: hover（滑鼠懸停時的樣式）
a: active（滑鼠點選與釋放之間的樣式）
#2、連結的設定順序與繼承性
設定順序
四個偽類的設定需要有固定順序，不然就會得不到期望的效果。順序為: a: link、a: visited、a: hover、a: active.
#繼承性
我們知道，文本的修飾是不可繼承的，一旦為元素定義了文本樣式，在其子元素中該樣式便不可取消。但是使用偽類定義超連結時，使用文字修飾，子元素可以覆蓋原來的連結樣式。
3、一個實例
<html>
<head>
<style type="text/css">
a:link{color:red;}
a:visited{color:green;}
a:hover{color:yellow;}
a:active{color:orange;}
</style>
</head>
<body>
<a href="https://www.baidu.com"> 超链接 </a>
</body>
</html>以上是CSS頁面佈局常用知識總結（超連結樣式）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn