CSS盒子模型是用于設計和排版網頁中元素的一種基礎知識，它以一個矩形盒子的形式將HTML元素封裝起來。盒子模型由四部分組成，包括元素的內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。

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

在上面的代碼中，我們定義了一個CSS類名為.box的樣式，它的寬度為200像素，高度為100像素。我們還為它的內容和邊框分別設置了20像素的內邊距和2像素的黑色實線邊框，最后再加上10像素的外邊距。

通過CSS盒子模型，我們可以更加方便地控制HTML元素的尺寸、位置和邊框等樣式。在實際開發中，我們需要綜合考慮內外邊距、邊框和內容這些因素對盒子尺寸的影響，以便將元素擺放好。

總之，CSS盒子模型是網頁設計和布局的重要概念，它可以幫助我們更好地掌握元素的樣式和排版，為網頁的美觀和可讀性提供了基礎支撐。