看似簡單的東西，越是很重要，趕緊收藏起來吧！
標(biāo)簽的嵌套：
- 塊標(biāo)簽可以嵌套任何標(biāo)簽
2.p標(biāo)簽絕對不能嵌套塊標(biāo)簽 - 行標(biāo)簽不能嵌套塊標(biāo)簽，可以嵌套行標(biāo)簽（例外a標(biāo)簽可以嵌套塊標(biāo)簽）
注意：a)自己不能嵌套自己 b)display：block ;變成塊之后也不能嵌套塊標(biāo)簽\列表
列表的樣式：list-style-type: none disc square
距離 內(nèi)邊距 ，內(nèi)補丁，內(nèi)補白
padding: top right bottom left
單獨的四個方向：
a)padding-top： 左邊距
b padding-bottom ： 下邊距
c padding-left ： 左邊距
d)padding-right ： 右邊距簡
padding : 上下左右； 一個值
padding： 上下，左右； 兩個值
padding： 上，左右，下 三個值
padding： 上 ，右，下，左， 四個值
盒子模型： 盒子=標(biāo)簽 標(biāo)簽的模型 標(biāo)簽在頁面中占的大小 盒子模 型的組成：width /height+padding+boder 注意：如果標(biāo)簽設(shè)置了寬高，在設(shè)置Padding的時候會往外擠，一定要用寬高減掉padding，標(biāo)簽如果有需要，最好設(shè)置寬度。
margin: 外邊距（盒子與盒子之間的距離）
margin: top right bottom left
單獨的四個方向：
a) margin-top ： 左邊距
b)margin-bottom： 下邊距
c)margin-left： 左邊距
d)margin-right ： 右邊距簡
padding : 上下左右； 一個值
padding： 上下，左右； 兩個值
padding： 上，左右，下 三個值
padding： 上 ，右，下，左， 四個值
注意：margin塌陷，如果上下兩個值一樣，聽一個，如果一個大，一個小，挺大的。 margin:行元素只有margin-left 和 margin-right
padding:行元素只有padding-left/padding-right/padding-bottom
很多元素自帶margin和padding 寫樣式之前，需要把所有元素的margin和 padding都清空
*{
margin: 0; padding: 0;
}
列表
無序列表：
<ul>
<li> 內(nèi)容 <li>
<li> 內(nèi)容 <li>
<li> 內(nèi)容 <li>
</ul>
有序列表：
<ol>
<li> 內(nèi)容 <li>
<li> 內(nèi)容 <li>
<li> 內(nèi)容 <li>
</ol>
描述列表：
<dl>
<dt>內(nèi)容標(biāo)題</dt>
<dd> 內(nèi)容 <dd>
<dd> 內(nèi)容 <dd>
<dd> 內(nèi)容 <dd>
</dl>
列表的樣式：list-style-type: none disc square
