1. 網格布局(Grid 布局)

網格布局是一種常用的CSS布局模式，它將頁面分成網格單元格，并使用表格單元格的布局方式來呈現內容。網格布局的優點是易于實現，而且適用于大多數頁面，尤其是需要大量內容展示的網站。

在網格布局中，頁面被分成一系列水平網格和垂直網格。水平網格是由一組行組成的，垂直網格是由一組列組成的。每個網格單元格由一個表格單元格組成，表格單元格可以包含文本、圖像或其他內容。使用網格布局時，可以通過定義表格單元格的寬高來實現內容的布局。

2. 偽類布局(偽類布局)

偽類布局是一種CSS布局模式，它使用一系列的偽類選擇器來創建各種樣式的頁面布局。偽類布局分為三種類型：平級偽類、級聯偽類和嵌套偽類。

平級偽類是最基本的偽類選擇器，它們使用相同的樣式規則來創建不同的布局效果。例如，`box-shadow`和`border-radius`是平級偽類，它們都可以用于創建陰影和圓角效果。

級聯偽類是通過將一個選擇器傳遞給另一個選擇器來創建布局效果。例如，`position: relative`將一個選擇器傳遞給`position: absolute`來創建絕對定位效果。

嵌套偽類是一種特殊的偽類選擇器，它允許將一個選擇器嵌套在另一個選擇器中，以創建復雜的布局效果。例如，`position: relative`和`top: 10px`是嵌套偽類，它們可以組合在一起來創建垂直居中和水平對齊效果。

3. 表格布局(表格布局)

表格布局是一種將內容呈現為表格的CSS布局模式。使用表格布局時，可以使用表格單元格的布局方式來呈現內容，表格單元格可以包含文本、圖像或其他內容。表格布局適用于需要大量表格展示的網站，例如財務報告、產品目錄等。

在表格布局中，可以使用表格和表格元素來創建表格。表格元素可以是HTML表格元素，也可以是CSS表格元素。HTML表格元素是使用表格標記(<table>)創建的表格，而CSS表格元素是使用表格樣式(<table>)創建的表格。

表格布局還有一些其他的特性，例如表格邊框、表格單元格的對齊方式等。還可以使用表格樣式來控制表格的顏色、字體、行高和列寬等。

總之，CSS布局模式有很多種，每種布局模式都有其獨特的優點和適用場景。網格布局是最常用的CSS布局模式之一，而表格布局則是表格展示的常用布局模式之一。通過掌握這三種基本布局模式，我們可以輕松地創建各種樣式的網頁布局。