css筆記 img a 偽類

2021-07-24 10:40:41 字數 583 閱讀 5999

img

1:單標籤 行間元素,預設表現inline-block效果,直接適用盒子模型

img標籤不是直接在網頁中插入影象,而是指定乙個鏈結影象檔案的位址。因此 img標籤建立的是被引用影象的佔位空間

background-repeat

repeat:預設值。背景影象在垂直方向和水平方向重複

repeat-x:背景影象在水平方向重複

repeat-y:背景影象在垂直方向重複

no-repeat:不允許重複,背景影象只顯示一次

background-position

設定背景影象的起始(原點)位置,預設是html元素的左上角

其值應該有2個,依次是:1:橫向座標的值 2:縱向座標的值

如果只指定了乙個值,那麼該值為橫向座標的值,第乙個縱向座標的值預設為50%(center)

值的寫法有三種:畫素值,百分比,範圍值

允許負值的存在

復合屬性 background-color,background-image background-repeat,background-attachment,background-position

超級鏈結

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...

CSS 偽元素 偽類

link 未訪問的鏈結 visited 已訪問的鏈結 hover 滑鼠移到元素上 active 向被啟用的鏈結新增樣式 focus 獲得輸入焦點的元素 first child 作為某元素的第乙個子元素的元素 lang 向帶有指定lang屬性的元素新增樣式 在 css 定義中,a hover 必須被置...