一陈症、塊級元素和行內(nèi)元素
塊級元素特性
- 獨占一行叉寂，默認高度是根據(jù)內(nèi)容自適應；
- 可以設(shè)置
width和height（寬度和高度）翁逞； - 其它元素可以通過
display: block;轉(zhuǎn)換為塊級元素； - 常見塊級元素有：
div溉仑、p挖函、h1-h6。
行內(nèi)元素特性
- 默認高度和寬度是根據(jù)內(nèi)容自適應浊竟，也就是在同一行排列怨喘；
- 不可以設(shè)置
width和height（寬度和高度）； - 其它元素可以通過
display: inline;轉(zhuǎn)換為行內(nèi)元素振定； - 常見行內(nèi)元素有：
span必怜、a、b后频。
特殊元素
- 有些元素既擁有塊級元素可以設(shè)置高度和寬度的特性梳庆，又擁有行內(nèi)元素在一行排列的特征；
- 這些元素有：
input卑惜、button膏执、img。
二露久、css 選擇器
- class 選擇器更米；
- id 選擇器；
- 標簽選擇器毫痕；
- 父子選擇器：div > a征峦，只給 div 的子級 a 標簽設(shè)置樣式；
- 后代選擇器：div a消请，給 div下面所有 a 標簽設(shè)置樣式栏笆；
- 組合選擇器：html, body，同時給 html 和 body 標簽設(shè)置樣式梯啤；
- 全局選擇器：*竖伯，給整個 html 文件設(shè)置樣式。
三因宇、遇到的 css 屬性總結(jié)
| 屬性名 | 屬性值 | 說明 |
|---|---|---|
| font-size | 16px | 設(shè)置字體大小 |
| color | white | 設(shè)置字體顏色 |
| background-color | yellow | 設(shè)置背景顏色 |
| border | none | 取消邊框 |
| height | 100px | 給塊級元素設(shè)置高度 |
| width | 100px | 給塊級元素設(shè)置寬度 |
| text-align | center | 設(shè)置塊級元素內(nèi)文本排列方法（居中七婴、居右對齊） |
| margin | 1px | 外邊框 |
| padding | 1px | 設(shè)置內(nèi)邊距 |
| box-sizing | border-box | 設(shè)置邊框、內(nèi)邊框和內(nèi)容的寬度和高度 |
| line-height | 1px | 設(shè)置行高 |
| position | absolute | 設(shè)置絕對定位 |
