連續兩次十抽出奇蹟
阿新 • • 發佈:2022-03-31
一丶選擇器
作用:找標籤
● 後代
○ 選擇所有的後代標籤
○ 寫法 :空格
● 子代
○ 選擇兒子標籤
○ 寫法 :>
● 並集
○ 選中多組標籤設定相同樣式
○ 寫法 :逗號(,)
● 交集
○ 既是選中某個標籤又是選中對應的類
○ 寫法 :連著寫 沒有空格
● 偽類
○ 作用:滑鼠懸停狀態
○ 寫法 : :hover
二丶背景
● 背景色
○ background-color(bgc)
● 背景圖
○ background-image:url()(bgi)
● 背景平鋪
○ background-repeat(bgr)
● 背景位置
○ background-position(bgp)
● 背景複合屬性
○ background:背景色 背景圖 背景圖平鋪 背景圖位置
三丶顯示模式
● 塊
○ 特點:
⒈獨佔一行
⒉設定寬高生效
⒊寬度預設是父級的100%
○ 轉換寫法:display:block
● 行內
○ 特點:
⒈一行可以顯示多個
⒉設定寬高不生效
⒊尺寸和內容一樣大
○ 轉換寫法:display:inline
● 行內塊
○ 特點:
⒈一行可以顯示多個
⒉設定寬高生效
○ 轉換寫法:display:inline-block
四丶CSS特性
● 繼承性
○ 文字控制屬性都能繼承,不是控制文字的都不能繼承
○ 自己有相關的屬性則執行自己的,不執行繼承
● 層疊性
○ 前面的屬性被後面的覆蓋
○ 多個選擇器的不同屬性累加生效