盒模型的四要素：寬高（width+height）本谜、內(nèi)邊距（padding）、邊框（border）偎窘、外邊距（margin）乌助。依次是從內(nèi)到外。
寬高
寬高：寬 width 高 height 單位是像素 px
內(nèi)邊距
內(nèi)邊距：padding后面可以跟1~4個值陌知。賦值順序是上右下左他托。
- 當1個值時，上右下左一樣仆葡。
- 當2個值時赏参，第一個值是上下，第二個值是右左沿盅。
- 當3個值時把篓，第一個值是上，第二個值是右左腰涧，第三個值是下韧掩。
- 當4個值時，依次是上右下左南窗。
單獨賦值： - 上：padding-top
- 右：padding-right
- 下：padding-bottom
- 左：padding-left
padding會增加盒子的面積揍很。
邊框
語法示例：border：1px solid red；復(fù)合寫法万伤。
單獨寫法：（三者缺一不可）
- 線寬：border-width
- 線型：border-style：solid 實線 dashed 虛線 dotted 點線
- 線色：border-color
單獨賦值：同padding單獨賦值窒悔。
border會增加盒子的面積。
