一、偽類
我們以a標籤為例
偽類標籤分為4類
1.設定超連結預設的樣式
a:link
或者a 推薦使用這種方式
2.設定超連結訪問過後的樣式
a:visited
注意:該偽類(visited )只能設定有關顏色的屬性。
有瀏覽器快取問題
3.滑鼠移動到超連結上的樣式
a:hover
4.超連結啟用狀態下的樣式
a:active
二、背景(background)
(1)background-color 設定背景顏色
(2)background-image: url(2.png); 設定背景
注意:給標籤元素設定背景的時候,需要有寬度和高度
例子:.a
效果如下:
(3)background-repeat: no-repeat; 背景不平鋪
預設值為 repeat 平鋪
no-repeat; 背景不平鋪
**如下:
.a repeat-x 背景橫向平鋪
**如下:
.arepeat-y 背景縱向平鋪
(4)background-position: 設定背景的位置
直接設定具體的方位名詞 (left,right,top,center,bottom)
注意: 當給背景設定位置的時候,如果背景位置的取值為具體的方位名詞的時候,取值位置可以調換。
如果只寫乙個具體方位名稱,預設的第二值為居中(center)
例子:.a
設定具體值的時候,第乙個值為水平方向,第二個值為垂直方向
background-attachment: fixed; 設定背景固定
CSS基礎之偽類
css偽類 pseudo classes 是用來新增一些選擇器的特殊效果。選擇器示例 示例說明 link a link 選擇所有未訪問鏈結 visited a visited 選擇所有訪問過的鏈結 active a active 選擇正在活動鏈結 hover a hover 把滑鼠放在鏈結上的狀態 ...
css偽類,偽元素
偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...
CSS偽類 偽元素
css偽類用於向某些選擇器新增特殊的效果。錨偽類a link 未訪問的鏈結 a visited 已訪問的鏈結 a hover 滑鼠移動到鏈結上 a active 選定的鏈結 注意 1 在 css 定義中,a hover 必須被置於 a link 和 a visited 之後,才是有效的。2 在 cs...