CSS框模型是用于定義HTML元素的布局和樣式的一種方法，它包含多個屬性，這些屬性可以影響元素的大小，邊距，邊框和填充。

.box {
width: 200px;
height: 150px;
padding: 20px;
border: 10px solid #ccc;
margin: 30px;
}

width屬性用于定義元素的寬度，可以使用百分比或固定長度值來設置。

height屬性用于定義元素的高度，可以使用百分比或固定長度值來設置。

padding屬性用于定義元素的內邊距，即元素內容和邊框之間的空白區域。

border屬性用于定義元素的邊框，包括寬度，樣式和顏色。

margin屬性用于定義元素的外邊距，即元素和周圍元素之間的空白區域。

通過使用這些屬性，可以更好地控制HTML元素的外觀和布局。例如，通過設置元素的寬度和內邊距，可以使文本內容在元素中水平居中。通過設置元素的邊框和外邊距，可以為元素創建漂亮的邊框效果。

.box {
width: 50%;
height: 100px;
padding: 10px 20px;
border: 2px dashed #999;
margin: 20px auto;
}

總之，CSS框模型是非常重要的一部分，學習和理解其中的屬性可以使我們更好地控制HTML元素的樣式和布局。