CSS（Cascading Style Sheets）是一種專門用于網(wǎng)頁設計的樣式表語言。它可以通過定義樣式來控制HTML元素的展示效果，比如字體、顏色、布局等等。

在CSS中，表觀分布容積是一種用于描述元素尺寸和位置的單位。它被廣泛應用于網(wǎng)頁排版和布局中，可以讓開發(fā)者更加精確地控制元素的尺寸和位置。

.box {
width: 300px;
height: 200px;
margin: 20px auto;
padding: 10px;
}

在上面的代碼中，width和height都是用表觀分布容積來描述元素的尺寸。它們表示元素的內容區(qū)域大小，不包括border、padding和margin。

margin和padding也可以使用表觀分布容積來描述。它們分別表示元素的外邊距和內邊距大小，可以影響元素和其他元素之間的距離。

.box {
width: 300px;
height: 200px;
margin: 20px auto;
padding: 10px;
border: 1px solid #ccc;
}

在上面的代碼中，border也被包含在了元素的尺寸中。這是因為border直接影響了元素的寬度和高度。如果要使用表觀分布容積來描述不包含border的尺寸，可以使用box-sizing屬性。

.box {
width: 300px;
height: 200px;
margin: 20px auto;
padding: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
}

使用box-sizing: border-box后，元素的寬度和高度將包括content、padding和border的大小。這就讓開發(fā)者更容易控制元素的尺寸和位置。