1、盒子模型（css模型）
1淮韭、1 盒子模型的組成
盒子模型由內(nèi)容饺饭，內(nèi)邊距惯悠，邊框和外邊距組成
1、2?盒子模型貼圖
1遮斥、3 盒子模型之邊框
邊框線的類型：solid峦失、dotted、dashed术吗、double
貼圖示例：
1尉辑、第一個示例及結(jié)果
1、第二個示例及結(jié)果
1较屿、4? 盒模型之內(nèi)邊距
截圖示例：
1隧魄、5?盒模型之外邊距
（1）盒模型之外邊距代碼：
（2）盒子模型內(nèi)外邊距問題的總結(jié)
注意四點(diǎn)：
A：margin調(diào)整內(nèi)部div外邊距卓练；
B：padding調(diào)整外部div內(nèi)邊距，它調(diào)整的是自身大小购啄，所以如果不希望破壞外觀襟企，則盡量使用margin布局（padding有可能撐大外盒子，但如果是margin過大闸溃，則盒子內(nèi)容會被擠出整吆，但不會改變盒子本身大小）辉川；
C：border內(nèi)部div和外部div定位時需要找到邊界，外部div如沒有設(shè)置border拴测，則內(nèi)部div的margin設(shè)置時會一直往上找乓旗，直到找到邊界位置。
D：內(nèi)部相鄰div間的margin集索，取值為兩個div各自設(shè)置margin的最大值屿愚，而不是相加值。
2务荆、Reset CSS（重置css樣式）
（1）為什么需要RESET CSS妆距？
瀏覽器在解析某些標(biāo)簽的時候，本身就自帶了一些樣式函匕，導(dǎo)致我們寫樣式的時候就會效果不一致
（2）RESETCSS 代碼貼圖（https://meyerweb.com/eric/tools/css/reset/）
3娱据、浮動
3、1 浮動的基本知識點(diǎn)
（1）什么是浮動盅惜？
浮動中剩，其實(shí)就是讓元素脫離正常的文檔流
（2）為什么需要浮動？
當(dāng)正常文檔布局不能解決的時候抒寂，則需要脫離正常文檔流
（3）浮動帶來的問題
高度塌陷结啼、
3、2?浮動貼圖
3屈芜、3 浮動帶來的問題
3郊愧、5 浮動解決方案
4、定位
4井佑、1?定位的基本知識點(diǎn)
（1）什么是定位属铁？
定位就是將元素定在網(wǎng)頁中的任意位置
（2）為什么需要定位？
因?yàn)橛袝r候需要對某些元素進(jìn)行定位
（3）定位的好處
想定哪里毅糟，定哪里
4红选、2?定位屬性值
4、3 定位屬性值解析
4姆另、4 定位代碼貼圖
（1）貼圖一
（2）貼圖二
