CSS框模型是頁面布局中最常用的東西之一。當(dāng)瀏覽器解析HTML頁面時，它將為每個元素創(chuàng)建一個框，這些框確定了元素在頁面上的大小、位置以及其它屬性。CSS框模型可以讓您更好的控制這些框。

CSS框模型由四個部分組成：

元素內(nèi)容（Content） - 顯示的內(nèi)容，如文本、圖片等。
內(nèi)邊距（Padding） - 元素內(nèi)容周圍的間距。可以使用padding屬性進行調(diào)整。
邊框（Border） - 圍繞元素內(nèi)容、內(nèi)邊距的線條。可以使用border屬性進行調(diào)整。
外邊距（Margin） - 元素周圍的空白區(qū)域。可以使用margin屬性進行調(diào)整。

以下是一個示例：

.box {
width: 200px;
height: 200px;
padding: 20px;
border: 5px solid black;
margin: 10px;
}

在上面的示例中，.box類定義了一個200x200像素的框。該框有20像素的內(nèi)邊距、5像素的黑色邊框和10像素的外邊距。如果該框包含文本或圖像，則其內(nèi)容將位于內(nèi)邊距內(nèi)。

了解框模型的每個部分以及如何控制它們，可以幫助您更好地布置您的網(wǎng)頁，并確保它們在各種設(shè)備和屏幕尺寸上的正確性。