CSS中的盒模型指的是頁面的元素在頁面中所形成的一個矩形區域，由四個部分組成，分別是：內容區、內邊距、邊框和外邊距。

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

在上面的代碼中，通過設置width和height屬性來確定盒子的大小，padding屬性用來設置內邊距，border屬性用來設置邊框，margin屬性用來設置外邊距。

通過設置盒模型的寬度和高度，我們可以控制元素最終在頁面上所占的空間大小。但是需要注意的是，設置的寬度和高度不僅包括內容區的大小，也包括內邊距、邊框和外邊距的寬度。

對于盒模型，我們還可以設置box-sizing屬性，用來改變盒子的大小計算方式。默認情況下，盒子的大小計算方式為content-box，也就是只計算內容區的大小。如果需要計算內邊距和邊框的大小，可以將box-sizing屬性設置為border-box。

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

上述代碼中，我們將box-sizing屬性設置為border-box，這樣設置盒子的寬度和高度時，會包括內邊距和邊框的寬度。