CSS盒子模型是CSS布局的基礎(chǔ)，它提供了一種簡單而強大的方式來控制元素的大小、位置、形狀和顏色等屬性，在CSS中，每個元素都被視為一個盒子，這個盒子有寬度、高度、內(nèi)邊距、外邊距等屬性，通過調(diào)整這些屬性，我們可以輕松地控制元素在網(wǎng)頁上的顯示效果。

CSS盒子模型的代碼用法非常簡單，只需要在CSS樣式表中定義每個元素的寬度、高度、內(nèi)邊距和外邊距等屬性即可，我們可以使用以下代碼來創(chuàng)建一個寬度為200像素、高度為100像素的盒子，并設(shè)置其內(nèi)邊距和外邊距：

.box {
  width: 200px;
  height: 100px;
  padding: 10px;
  margin: 20px;
}

在HTML中，我們可以將需要應(yīng)用該樣式的元素添加到一個class為"box"的div中，這樣該元素就會應(yīng)用我們定義的CSS樣式：

<div class="box">
  <!-- 這里是盒子的內(nèi)容 -->
</div>

通過CSS盒子模型，我們可以輕松地控制網(wǎng)頁上每個元素的大小、位置、形狀和顏色等屬性，從而創(chuàng)建出豐富多彩的網(wǎng)頁布局，CSS盒子模型還支持嵌套，即一個盒子可以包含另一個盒子，這使得布局更加靈活和復(fù)雜，熟練掌握CSS盒子模型的用法對于Web***來說是非常重要的。