CSS是用于控制網頁樣式和布局的一門編程語言。在網頁設計過程中，使用CSS布局模型可以幫助設計師和開發人員更好地控制網頁內容和樣式，使得網頁更加美觀、易于使用和響應式。

下面是幾種常用的CSS布局模型：

1. 塊狀布局(Block 布局)：將網頁的內容分成若干個塊，每個塊都包含一個父元素，通過父元素的樣式來控制塊的大小和位置。

2. 網格布局(Grid 布局)：將網頁的內容按照一定的規則分成網格，每個網格單元格可以包含一個父元素，通過父元素的樣式來控制網格的大小和位置。

3. 響應式布局(Responsive 布局)：根據用戶設備的大小和分辨率自動調整網頁的布局，使得網頁在不同設備上都具有良好的用戶體驗。

4. 層疊布局(Stacking 布局)：將不同的元素組合在一起，通過重疊的方式實現布局，可以通過調整元素的位置、大小、方向等來控制布局。

5. Flexbox布局：使用Flexbox布局，可以輕松實現多列、多行和多頁的布局，同時支持水平和垂直方向上的滾動。

6. Flexbox布局示例：

<div class="flex-container">

<div class="flex-row">

<div class="flex-col-1">1</div>

<div class="flex-col-2">2</div>

<div class="flex-col-3">3</div>

</div>

<div class="flex-row">

<div class="flex-col-1">4</div>

<div class="flex-col-2">5</div>

<div class="flex-col-3">6</div>

</div>

</div>

在這個例子中，使用Flexbox布局，將一個容器分成了三列，每一列都包含一個行元素和一個列元素。通過調整容器的大小，可以控制每一列的大小和位置。

以上是常用的CSS布局模型，不同的布局模型適用于不同的網頁布局需求，設計師和開發人員可以根據具體的布局需求選擇合適的布局模型。