頁面上顯示的每個(gè)元素（包括內(nèi)聯(lián)元素）都可以看作一個(gè)盒子，即盒模型( box model )

①盒模型由 4 部分組成。從內(nèi)到外分別是：content -> padding -> border -> margin

②盒模型CSS代碼：

.example {

    width: 200px;

    padding: 10px;

    border: 5px solid #000;

    margin: 20px;

}