在網頁設計中，CSS（層疊樣式表）被廣泛使用。而CSS的格式化模型是網頁排版中至關重要的一部分。

CSS格式化模型指的是如何排列網頁中的內容。在CSS格式化模型中，每個元素根據其盒模型（Box Model）進行排版。盒模型是一個矩形盒子，包含內容、內邊距、邊框和外邊距。

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

在上面的代碼中，一個名為“box”的元素被定義，并設置了其寬度、高度、內邊距、邊框和外邊距。這些屬性都將影響這個盒子在網頁中的位置和大小。

一個元素的寬度由其內容區域和內邊距的寬度之和決定。而元素的高度由其內容區域和內邊距的高度之和決定。如果將邊框寬度和外邊距計算在內，元素的實際寬度和高度會比設置的值更大。

CSS格式化模型還包括一些布局屬性，如float（浮動）和position（定位）。這些屬性可以使元素在網頁中的位置發生變化。

在實際應用中，理解CSS格式化模型非常重要。只有正確使用CSS格式化模型，才能實現符合設計要求的網頁布局。