# 第五章 樣式匯總 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. 應用案例