DIV+CSS學習筆記

1、 複合選擇器

①交集選擇器：div.special{.....}? ?注意：中間不能有空格

????div#special{.....}

②並集選擇器：div,?h1.special,p.first{.....}

③後代選擇器：div?h1.first?span.firstLetter{......}? ?

??????????????這裡指的是：div 下的 h1 下樣式類為 first 的 span 樣式為 firstLetter 的標籤樣式

2、 樣式層疊

層疊樣式公式： 行內樣式>ID 樣式 > 類別樣式 > 標記樣式

3、 盒子模型

①Padding 、? Margin 、 Border

②屬性值個數：一個—> 上下左右值相同

??兩個—> 前：上下，后：左右

??三個—> 前：上，中：左右，后：下

??四個—> 上右下左（順時針順序值）

③ 行級元素與塊級元素：DIV — > 塊級元素， SPAN — > 行級元素

??????行級元素：不佔有空間， 每個SPAN 左右一行排列

??塊級元素：佔有空間， 每個DIV 上下一次排列 ??

④