一、塊級元素和行內元素
塊級元素特性
- 獨占一行，默認高度是根據內容自適應；
- 可以設置
width和height（寬度和高度）； - 其它元素可以通過
display: block;轉換為塊級元素； - 常見塊級元素有：
div、p、h1-h6。
行內元素特性
- 默認高度和寬度是根據內容自適應，也就是在同一行排列；
- 不可以設置
width和height（寬度和高度）； - 其它元素可以通過
display: inline;轉換為行內元素； - 常見行內元素有：
span、a、b。
特殊元素
- 有些元素既擁有塊級元素可以設置高度和寬度的特性，又擁有行內元素在一行排列的特征；
- 這些元素有：
input、button、img。
二、css 選擇器
- class 選擇器；
- id 選擇器；
- 標簽選擇器；
- 父子選擇器：div > a，只給 div 的子級 a 標簽設置樣式；
- 后代選擇器：div a，給 div下面所有 a 標簽設置樣式；
- 組合選擇器：html, body，同時給 html 和 body 標簽設置樣式；
- 全局選擇器：*，給整個 html 文件設置樣式。
三、遇到的 css 屬性總結
| 屬性名 | 屬性值 | 說明 |
|---|---|---|
| font-size | 16px | 設置字體大小 |
| color | white | 設置字體顏色 |
| background-color | yellow | 設置背景顏色 |
| border | none | 取消邊框 |
| height | 100px | 給塊級元素設置高度 |
| width | 100px | 給塊級元素設置寬度 |
| text-align | center | 設置塊級元素內文本排列方法（居中、居右對齊） |
| margin | 1px | 外邊框 |
| padding | 1px | 設置內邊距 |
| box-sizing | border-box | 設置邊框、內邊框和內容的寬度和高度 |
| line-height | 1px | 設置行高 |
| position | absolute | 設置絕對定位 |
