HTML5和CSS是Web開發中最基礎的兩個技術。盒子模型是CSS中非常常用的一個概念，很多網頁都需要使用它來展示各種元素。

.box {
width: 200px;
height: 200px;
border: 1px solid #000;
margin: 20px;
padding: 10px;
background-color: #eee;
}

在上面的代碼中，我們定義了一個名為“box”的類，用來表示一個矩形區域。通過設置類的屬性，我們可以控制這個區域的大小、邊框、外邊距、內邊距和背景顏色。

其中，width和height屬性分別設置了盒子的寬度和高度，border屬性則設置了盒子的邊框，包括邊框的顏色、寬度和樣式。margin屬性用于設置盒子的外邊距，padding屬性則設置了盒子的內邊距。

代碼中最后一個屬性是background-color，它用于設置盒子的背景顏色，讓我們在網頁中更好地將盒子與其他元素區分開來。

在實際的頁面中，我們可以通過引用這個類來快速創建一個樣式一致的盒子。