CSS基礎 5 偽類

2022-07-25 09:00:12 字數 1640 閱讀 1961

一、偽類

我們以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...