CSS盒子模型是Web開發中非常重要的一個概念，它在布局與樣式設計中占有重要的作用，也常常被用于優化網頁的展示效果。

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

CSS盒子模型可以將內容分塊，將包含這些內容的元素看作一個盒子，并負責處理這個盒子的大小、內邊距、邊框和外邊距。上述的代碼定義了一個class為.box的盒子，它的寬度為200像素，高度為100像素，內邊距為20像素，邊框為2像素的黑色實線，外邊距為20像素。

盒子模型中的內容分為四個部分，由內向外依次是：Content、Padding、Border、Margin。其中，Content表示元素包含的實際內容，Padding表示內容與邊緣之間的空白區域，Border表示邊緣線，Margin表示元素與其他元素之間的空白區域。CSS盒子模型通過定義這些部分的各種屬性，實現了元素的布局與樣式設計。

總的來說，CSS盒子模型是Web開發中必不可少的一個工具，它有助于優化網頁的布局、提高展示效果、增強用戶體驗。