CSS中的盒子模型是一種用于描述HTML元素在頁面中所占空間的模型。盒子模型包括四個部分：

content-box {
width: 200px;
height: 100px;
}

1. 內容框(content box)：元素實際顯示內容的區域，由內容、內邊距和邊框組成。對應的CSS屬性為：width、height。

padding-box {
width: 200px;
height: 100px;
padding: 10px;
}

2. 內邊距框(padding box)：圍繞內容框的一個間距區域，用于控制內容框與邊框之間的距離。對應的CSS屬性為：padding。

border-box {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #333;
}

3. 邊框框(border box)：圍繞內邊距框的邊框區域，用于控制元素邊框的寬度、樣式和顏色。對應的CSS屬性為：border。

margin-box {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #333;
margin: 10px;
}

4. 外邊距框(margin box)：圍繞邊框框的一個間距區域，用于控制元素與其他元素之間的距離。對應的CSS屬性為：margin。

掌握盒子模型可以方便我們對元素的大小、位置、排版進行控制。