盒模型（內容（content）,內邊距（padding）,邊框（border）,外邊距（margin））
這里做個比喻：content:比喻在網上買了幾個雞蛋；
padding：比喻快遞員包裝雞蛋用的防撞紙的距離，把雞蛋牢牢的包裹起來，以免碰撞；
border:外面使用包裝箱的厚度；
margin:一個包裝箱和另一包裝箱的距離；
border(邊框)：比喻成包裝箱子
1.簡寫：border:10px solid;red;(具體的寫法：border-width:10px;border-style:solid;border-color)
其中boor-style其他類型：border(虛線)dotted（點線）
padding(內邊距)：比喻成雞蛋外邊的防撞紙
1.padding取值:10px(一個值)（表示四面的內邊距都是10px）
10px;20px;30px（三個值）（表示上10px；左右20px；下30px)
10px;20px;30px；40px(四個值)（表示上右下左依次是10px；20px;30px；40px）
padding-right(右內邊距)：20px（其他方位一樣）
padding-bottom(類似)
padding-left(類似)
padding-top(類似)
content(內容)：比喻成雞蛋
值得注意的是，塊級元素可以設置寬高，內邊距，邊框，外邊距 行內元素寬高自動，並排顯示。