在CSS中，盒子模型是非常重要的一個概念，它定義了元素在頁面中占據(jù)的空間以及邊框、內(nèi)邊距及內(nèi)容的排布方式。盒子模型的四大屬性包括：寬度（width）、高度（height）、內(nèi)邊距（padding）和邊框（border）。

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

通過上述代碼我們可以看出：我們定義了一個class為“box”的元素，它的寬度為200px、高度為100px，內(nèi)邊距為10px，邊框為1px的實線黑色。這四個屬性有以下特點：

1. 寬度（width）

寬度指的是元素在水平方向上的尺寸大小。它可以通過具體的像素值、百分比、auto、inherit等來定義。

2. 高度（height）

高度指的是元素在垂直方向上的尺寸大小。它可以通過具體的像素值、百分比、auto、inherit等來定義。

3. 內(nèi)邊距（padding）

內(nèi)邊距指的是元素內(nèi)容區(qū)域與邊框之間的距離。它可以通過具體的像素值、百分比等來定義。當然也可以定義上、右、下、左四個方向的值。

4. 邊框（border）

邊框指的是元素外圍包裹的邊界線。它可以通過具體的像素值、樣式（solid, dashed, dotted等）、顏色等來定義。同樣也可以定義上、右、下、左四個方向的值。