CSS中盒子模型是頁面布局中非常重要的一部分，也是理解CSS較為基礎的概念。盒子模型是指在頁面中的每個HTML元素都可以看作是一個盒子，盒子有四個部分組成：內容區域、內邊距、邊框和外邊距。

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

其中，內容區域指的是元素內容的實際寬度和高度；內邊距（padding）是指內容區域和邊框之間的距離；邊框（border）是圍繞內容和內邊距的線條；外邊距（margin）是指盒子與其他盒子之間的距離。

有時候我們需要設置盒子模型的具體值，如盒子的寬度、高度、內邊距、邊框和外邊距的寬度等?？梢允褂靡韵聦傩裕?/p>

• width和height：設置盒子的寬度和高度
• margin：設置盒子的外邊距寬度和方向
• padding：設置盒子的內邊距寬度和方向
• border：設置盒子的邊框寬度、顏色和樣式
• box-sizing：設置盒子模型的大小計算方式，可以是border-box（包括內邊距和邊框在內）或content-box（只包括內容區域）

此外，我們還可以使用box-shadow設置盒子的陰影效果，或者通過border-radius設置盒子的圓角等效果，從而更加靈活地進行頁面布局。理解盒子模型的基本概念和屬性，在進行網頁制作時是非常重要的基礎。