第四章主要介紹的是CSS的盒模型，CSS的盒模型指的是網頁布局中的HTML元素，每個元素都被視為一個盒子，這個盒子擁有多個屬性，如width、height、margin、padding等等，這些屬性能夠影響到盒子的大小、位置、填充以及邊框等等。

盒模型的四個部分分別是：內容區域、內邊距區域、邊框區域和外邊距區域。其中，內容區域指的是HTML元素的實際內容部分，內邊距區域指的是內容區域和邊框之間的空白區域，邊框區域指的是內邊距和外邊距之間的線框，外邊距區域指的是邊框和其它HTML元素之間的空白區域。

如何設置盒模型的屬性呢？首先，可以使用width和height屬性來設置內容區域的大小；其次，使用padding屬性來設置內容區域與內邊距區域之間的空白區域大小；再次，使用border屬性來設置邊框區域的線框大小；最后，使用margin屬性來設置外邊距區域的大小。

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

以上代碼就是一個基本的盒模型設置，可以看到，這個盒子的內容區域大小為200px*100px，內邊距區域為10px，邊框區域為2px，外邊距區域為20px，顏色為紅色的實線。CSS的盒模型非常重要，它直接影響到網頁的布局和美觀程度。