6.1繼承性
只需要給祖先元素設置文字屬性,后代所有元素就能加載這個屬性。這個特性我們叫做繼承性
能夠繼承的只有文字
6.2層疊性
css樣式表有叫層疊樣式表。
通過上面的案例,我們發現一個標簽可以被多個選擇器選中,并設置對應的屬性
如果多個選擇器,設置了同一個屬性,怎么辦?
是會被層疊掉的
在設置同一屬性情況下
ID樣式方法權重最大
如果被多個選擇器同時選中,首先看ID的,如果沒有ID的,看class的,如果沒有class的,看標簽的。
如果遇到復雜的選擇器,先把所有選擇器羅列出來 從ID選擇器比較數量多的獲勝 ,如果ID選擇器相同或者沒有,比較類名選擇器,如果類名選擇器沒有或者數量相同
比較標簽選擇器,數量大的獲勝。如果所有選擇器數量器相同,后寫的覆蓋先寫的
6.3就近原則
如果都沒有選中對應標簽
就看誰離得近,離得近就會被選中,如果都是同一個元素才會去數權重。
# 關于層疊性總結:
#
# 總結:
#
<h2><p style="color:red">遇到了復雜的選擇器,首先看是否同時選中一個元素,如果都選擇是同一個元素,則數權重,如果層級不同,比較如果有的是父親級別,有的是爺爺級別,使用就近原則,誰離得近聽誰,如果所有的權重一樣,選擇位置也一樣,后書寫的覆蓋前面的。</p></h2>
- 簡介
- 文字三屬性(顏色,字號,字體)
- 盒子三屬性(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布局