在CSS中，盒子（box）是指HTML元素的一個矩形框，包括元素的內容、內邊距、邊框和外邊距。盒子模型是CSS布局的基礎，掌握盒子模型對于開發網頁的人來說非常重要。

一個盒子的大小由四個部分來決定：內容區域（content）、內邊距（padding）、邊框（border）和外邊距（margin）。

.box{
width: 200px;
height: 100px;
margin: 20px;
padding: 10px;
border: 1px solid black;
}

上述CSS代碼定義的盒子大小是200px × 100px，外邊距為20px，內邊距為10px，邊框為1px實線黑色。同時，注意到盒子模型是層層嵌套的，內部盒子的大小會影響外部盒子的大小。

CSS提供了可以控制盒子模型的一些屬性，比如box-sizing屬性可以控制盒子模型的計算方式，影響到盒子大小的計算。如果設置為border-box，則盒子的大小的計算方式為width + padding + border。

.box{
width: 200px; 
height: 100px;
padding: 20px;
border: 10px solid black;
box-sizing: border-box;
}

上述代碼定義的盒子大小同樣是200px × 100px，但是padding和border會被計算在內，所以盒子內容區域的大小是160px × 60px。

總之，盒子是CSS中非常重要的一個概念，掌握盒子模型的使用可以讓我們更好地進行布局和樣式設計。需要注意盒子模型中內容、內邊距、邊框、外邊距四部分的控制和計算方式，以及CSS提供的控制盒子模型的一些屬性。