CSS（層疊樣式表）是網頁設計中不可或缺的一部分，掌握CSS的布局方式對于設計網頁具有重要意義。以下是CSS常見的布局方式：

1. 浮動布局
浮動布局是CSS中最常見的一種布局方式。通過設定元素的浮動方向，讓多個元素放在同一行或同一列。通過設置元素寬度和高度，將多個元素組合成我們想要的網頁布局。例如：float:left;
2. 盒模型布局
每個元素都被看作一個矩形盒子，盒子由內容、內邊距、邊框和外邊距組成。通過設置元素的width和height以及padding、margin等屬性，讓元素的位置和大小按照我們想要的方式顯示。
3. 定位布局
通過設置元素的position屬性，可以改變元素在頁面中的位置。有三種定位方式：absolute、relative和fixed，分別表示絕對定位、相對定位和固定定位。通過設置left、top、right、bottom屬性，使元素在頁面上定位。
4. 彈性布局
彈性布局通過display:flex;display:inline-flex屬性來實現。通過設置flex屬性，可以控制元素在頁面上排列的方式。彈性布局可以快速搭建響應式的網頁布局，適用于多種不同大小的屏幕。
5. 網格布局
網格布局是CSS3中新增的一種布局方式，可以用來快速搭建復雜的網頁布局。通過定義網格容器和網格項目的屬性，按照網格規則來進行布局。可以設置網格行和網格列的大小和數量。

以上就是CSS常見的布局方式，通過不同的布局方式可以實現不同風格的網頁設計。