# 第五章 樣式匯總
1. css 三種寫法
2. 選擇符和樣式優先級 [重點]
4. 布局相關
5. 文本相關 text-*
6. 字體相關 font-*
7. 背景相關 background-*
8. 邊框
9. 列表
10. 定位
11. 案例
## css介紹
## css三種寫法和選擇符
### 選擇符高級使用
## 選擇符和css優先級
### css優先級
行內最大! 內部和外部遵循: 就近原則
### 選擇符優先級
1. id> class > 標簽
2. 連寫時有權重值

## 布局相關
1. 行塊轉換
2. 顯示隱藏
## font-*
## text-*
## background-*
## border-*
## list-*
## position
除了使用`盒子模型`外,還可以使用定位實現標簽位置的調整.就是定位屬性:position [pei zen sen] . position分三種,:相對定位,決定定位,固定定位
```
相對定位: position: relative
絕對定位: positon:absolute
固定定位: position:fixed
層次調整: z-index:數字
```
### 相對定位
相對定位,就是微調元素位置.讓元素`相對于自己原來的位置,進行位置調整`
1. 特點:不脫流,原有位置保留,形影分離
2. 用途
- 微調元素
- 做絕對定位的參考,子絕父相
### 絕對定位
1. 特點1:脫流
2. 默認參考點: 網頁左上角

3. 父輩存在定位時,優先相對于離的最近的父輩定位元素定位
4. 定位子元素無視參考盒子的padding
5. 絕對定位盒子maring:0 auto;失效
7. 定位后行級標簽可設置寬高
8. 定位重合用z-index調整層次
## 浮動案例
## 雪碧圖案例
## 列表案例
## 導航案例
## 定位案例
## 總結
1. 各種樣式
2. 應用案例