CSS盒子模型是指將HTML元素看作是一個盒子，盒子有四個部分：內容(content)、填充(padding)、邊框(border)和外邊距(margin)。

如下是一個示例代碼：

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

上述代碼定義了一個寬為200像素，高為100像素的盒子。盒子周圍有10像素的填充、1像素的黑色實線邊框和20像素的外邊距。

CSS盒子模型可以用來控制HTML元素在頁面中的位置和外觀。例如，可以使用padding屬性來調整元素的內部間距，使用border屬性來添加元素的邊框。同時，盒子模型也可以用于設置元素的布局，例如設置元素為塊級元素，使其獨占一行。

總之，了解CSS盒子模型是成為前端開發人員的基礎。通過靈活運用盒子模型的屬性，可以輕松地打造出網頁界面的各種樣式效果。