盒子模型是CSS3的重要概念，它描述了在HTML頁面中每個元素所占據(jù)的空間。

/* 盒子模型代碼示例 */ 
.box {
width: 100px;
height: 50px;
padding: 10px;
border: 1px solid black;
margin: 20px;
}

在上面的代碼中，我們定義了一個名為.box的樣式，并設(shè)置了它的寬度、高度、內(nèi)邊距、邊框和外邊距。

正如代碼所示，盒子模型中，每個元素被看作是一個矩形盒子，它具有四個組成部分：內(nèi)容區(qū)域、內(nèi)邊距、邊框和外邊距。

內(nèi)容區(qū)域是元素實(shí)際包含文本和圖像的區(qū)域，內(nèi)邊距是內(nèi)容區(qū)域與邊框之間的空間，邊框是包圍內(nèi)容區(qū)域和內(nèi)邊距的線條，而外邊距則是元素與其他元素之間的距離。

這些部分對于網(wǎng)頁設(shè)計(jì)很重要。通過控制這些部分的大小和位置，我們可以實(shí)現(xiàn)更好看的網(wǎng)頁布局和更好的用戶體驗(yàn)。