CSS模型是一種用于描述網(wǎng)頁元素在瀏覽器中布局和顯示的技術(shù)。在這個(gè)模型中，所有HTML元素都被視為一個(gè)矩形盒子，其中包含了元素的內(nèi)容、邊框和外間距。

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

在上面的代碼中，.box類定義了網(wǎng)頁中的一個(gè)盒子，它有200像素的寬度、100像素的高度。同時(shí)，它的邊框?yàn)?像素的黑色實(shí)線，內(nèi)邊距為10像素，外間距有20像素。

CSS模型中還可以使用盒子模型來調(diào)整元素的大小和位置。盒子模型包括內(nèi)容框、內(nèi)邊距框、邊框和外間距框四個(gè)部分。

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

在上面的代碼中，使用box-sizing屬性將盒子模型設(shè)置為"border-box"，這樣就可以確保邊框和內(nèi)邊距不會(huì)影響盒子的大小。

最后，需要注意的是，CSS模型中的盒子在不同的瀏覽器中可能會(huì)有不同的顯示效果。因此，在開發(fā)網(wǎng)頁時(shí)，需要測(cè)試不同瀏覽器下的CSS樣式表，確保網(wǎng)頁的兼容性和一致性。