CSS模型盒子（CSS Box Model）是CSS關(guān)鍵概念之一，其基本概念是將HTML元素視為占據(jù)一定空間的盒子，這個盒子由四部分構(gòu)成：內(nèi)容區(qū)域、內(nèi)邊距、邊框以及外邊距。

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

在上述代碼中，定義了一個類名為box的盒子，其寬度和高度分別為100像素，內(nèi)邊距為20像素，邊框1像素寬且它是實線黑色，外邊距為10像素。

此外，可以使用box-sizing屬性來控制盒子的尺寸計算方式，它有兩個可選值：content-box和border-box。content-box為默認(rèn)值，表示盒子的尺寸不包括內(nèi)邊距和邊框，而是僅僅包括內(nèi)容區(qū)域的大小；border-box則表示盒子的尺寸包括內(nèi)容區(qū)域、內(nèi)邊距和邊框的總大小。

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

在樣式表中使用盒模型，可以控制網(wǎng)頁的布局和設(shè)計，實現(xiàn)更美觀的界面效果。