CSS中的盒子模型是指頁面布局中的基本元素，它們可以用來設置頁面的布局、大小和樣式。在CSS盒子模型中，每個元素被看作是一個矩形盒子。這個盒子有四個邊界：上邊界、下邊界、左邊界和右邊界。盒子中的內容、內邊距和邊框組成了盒子的尺寸。

/* 設置盒子的寬度和高度 */
div {
width:100px;
height:100px;
}
/* 設置盒子的邊框 */
div {
border:1px solid black;
}
/* 設置盒子的內邊距 */
div {
padding:10px;
}
/* 設置盒子的外邊距 */
div {
margin:20px;
}
/* 設置盒子的背景顏色 */
div {
background-color:gray;
}

這些CSS樣式可以用來修改盒子的外觀和布局。例如，如果你想要添加一個邊框到盒子中，你可以使用border屬性來設置。如果你想要增加內邊距或外邊距，你可以使用padding和margin屬性。

在設置盒子大小和位置時，有一些重要的概念需要了解。首先，所有元素都有一個默認的盒子模型，它由content width、content height、padding、border、和margin組成。其次，你可以選擇使用box-sizing屬性來設置盒子模型的類型。默認情況下，box-sizing屬性的值是content-box，這意味著盒子的大小只包括了content width、content height和border，而不包括padding和margin。如果你想要包含padding和border在內，可以將值設置為border-box。

/* 設置盒子模型類型 */
div {
box-sizing:border-box;
}

最后一點是，盒子可以設置為浮動或定位，這可以幫助你在頁面上自由布局元素。當你使用浮動或定位時，盒子的尺寸和位置會根據你設置的屬性發生變化。

總而言之，在CSS中，盒子模型非常重要。通過使用不同的屬性和值，你可以修改盒子的大小、位置、邊框、內邊距和外邊距等屬性，使之與你想要的網頁布局相適應。