# a標簽的偽類
1.概念
a標簽可以根據用戶的不同行為的觸發,從而實現四種狀態的樣式
這4種狀態是可以設置的,我們稱之為偽類。
a:link 偽類一種
a:visited{
}
a:hover{
}
a:active{
}
## link 訪問前的狀態
##
## visited 訪問后的狀態
##
## hover 鼠標懸停狀態
##
## active 鼠標點擊狀態
# 普通元素的偽類:
非超級鏈接,可以設置偽類狀態,此時只有兩個狀態可以使用,分別是hover和active
偽類選擇器:規定一定要先設置好需要的選擇器,推薦使用class類名,不會引起沖突,或者使用后代選擇器精確匹配,以防打亂頁面狀態。
例子
```
<a class="box">
偽類可以設置為
.box:link{
}
.box:visited {
}
.box:hover{
}
.box:active{
}
```
偽類的權重和普通選擇器權重是一樣的
書寫順序
a標簽有時會有2-3個觸發狀態,一定按照書寫順序去執行
先 link 再 visited 再 hover 再active
實際應用
所有的偽類種,最常用的是hover
一個實際的頁面中,為了保持頁面的統一狀態,此時會將a標簽訪問前訪問后的狀態進行統一設置 (也就是設置 link和valid為同一個顏色)
如代碼:
```
a:link,a:valid{
color:rgb(113, 0, 179)
}
a:hover{
color:crimson;
}
a:active{
color:rgb(36, 0, 197)
}
</style>
</head>
<body>
<a href="https://www.baidu.com">點擊跳轉到百度</a>
</body>
```
- 簡介
- 文字三屬性(顏色,字號,字體)
- 盒子三屬性(width , height, background-color)
- CSS引入方法
- CSS選擇器
- css高級選擇器
- CSS的繼承性
- 顏色屬性color
- 字體font-family
- 字號font-size
- 文字在盒子行高 line-height
- 字體加粗font-weight
- 字體樣式font-style
- 文本段落對齊text-align
- 文字修飾(上劃線下劃線中劃線 text-decoration)
- 文字縮進text-indent
- 盒子模型的寬度與高度width,height
- 內邊距padding
- 邊框border
- 外邊距margin
- 清除默認樣式
- 盒子height高度屬性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 標準文檔流display
- 浮動float
- 浮動元素性質
- 浮動貼邊原理
- 浮動元素的標準流問題(文字圍邊效果)
- 清除浮動
- 清除浮動影響二: clear屬性
- 清除浮動overflow方法
- 偽類標簽
- background-color背景顏色屬性
- background-image 背景圖片調用
- background-repeat 背景圖平鋪狀態
- background-position背景定位
- background-attachment背景附著
- background綜合語法
- 相對定位position:relative
- 絕對定位position:absolute
- 定位壓蓋順序
- CSS制作LOGO超鏈接妙招
- CSS公共類的繼承性
- em單位
- 媒體查詢
- flex布局