盒模型的四要素：寬高（width+height）、內(nèi)邊距（padding）、邊框（border）、外邊距（margin）。依次是從內(nèi)到外。
寬高
寬高：寬 width 高 height 單位是像素 px
內(nèi)邊距
內(nèi)邊距：padding后面可以跟1~4個(gè)值。賦值順序是上右下左。
- 當(dāng)1個(gè)值時(shí)，上右下左一樣。
- 當(dāng)2個(gè)值時(shí)，第一個(gè)值是上下，第二個(gè)值是右左。
- 當(dāng)3個(gè)值時(shí)，第一個(gè)值是上，第二個(gè)值是右左，第三個(gè)值是下。
- 當(dāng)4個(gè)值時(shí)，依次是上右下左。
單獨(dú)賦值： - 上：padding-top
- 右：padding-right
- 下：padding-bottom
- 左：padding-left
padding會(huì)增加盒子的面積。
邊框
語法示例：border：1px solid red；復(fù)合寫法。
單獨(dú)寫法：（三者缺一不可）
- 線寬：border-width
- 線型：border-style：solid 實(shí)線 dashed 虛線 dotted 點(diǎn)線
- 線色：border-color
單獨(dú)賦值：同padding單獨(dú)賦值。
border會(huì)增加盒子的面積。
