1. 子元素選擇器

子元素選擇器只能選擇作為某子元素（親兒子）的元素

.class>h3{color:red;font-size:14px;}

2. 偽類

• a:link 未訪問的鏈接
• a:visited 已訪問的鏈接
• a:hover 鼠標移動到鏈接上
• a:active 選定的鏈接
  盡量按照lvha的順序

3. 塊級元素

常見的塊級元素
<h1>-<h6><p><div><ul><ol><li>

特點

1. 自己獨占一行
2. 高度，寬度，外邊距，內(nèi)邊距都可以控制
3. 寬度默認是容器的100%
4. 是一個容器及盒子，里面可以放行內(nèi)或者塊級元素

4.行內(nèi)元素

<a><em><i><span>等

特點

1.行內(nèi)元素在一行上，一行可以顯示多個

2. 寬，高設(shè)置無效
3. 默認寬度就是它本身內(nèi)容的寬度
4. 行內(nèi)元素只能收容文本或其他行內(nèi)元素

5. 行內(nèi)塊元素（inline-block）

<img /><input /><td>

特點

1. 和相鄰行內(nèi)元素在一行上，但是之間會有空白縫隙，一行可以顯示多個
2. 默認寬度就是他本身的內(nèi)容寬度
3. 高度，行高，外邊距以及內(nèi)邊距都可以控制

6. display

• 塊級轉(zhuǎn)行內(nèi)：display:inline
• 行內(nèi)轉(zhuǎn)塊級：display：block
• 塊,行內(nèi)元素轉(zhuǎn)換為行內(nèi)塊：display：inline-block

7.line-height

可以使文字在盒子中垂直居中
（令line-height等于盒子高度）

8.background-position

背景position - 副本.png

9. 背景附著

背景附著.png

10. 背景透明

背景透明.png

11.css優(yōu)先級

從高到低

• !important
• 行內(nèi)樣式style
• ID選擇器
• 類選擇器（class）
• 標簽選擇器
• 繼承或者*

權(quán)重疊加

權(quán)重.png

微信截圖_20200915224425.png

微信截圖_20200915224434.png