CSS盒模型是網頁設計和開發中非常重要的一部分。在使用CSS盒模型時，我們可以通過 padding、border 和 margin 等屬性來控制元素的大小、邊框和位置。 首先，我們需要理解CSS盒模型的基礎知識。盒模型包括四個部分：content、padding、border 和 margin。其中 content 表示元素的內容，padding 表示元素的內邊距，border 表示元素的邊框，margin 表示元素的外邊距。 下面是一個使用CSS盒模型的示例代碼，我們可以在代碼中使用 pre 標簽來標記出 CSS 的部分：

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

在上面的代碼中，我們定義了一個名為 box 的樣式類，其中 width 和 height 屬性分別指定了元素的寬度和高度。padding 屬性設置了上下左右各自的內邊距為 20px，也就是說元素的實際內容大小為 160px x 160px。border 屬性設置了兩像素的黑色實線邊框，margin 屬性設置了元素的外邊距為 20px。 通過上述示例，我們可以看出 CSS盒模型在網頁設計和開發中的重要性，希望讀者在今后的開發中能夠充分應用這部分知識。