CSS是現代網頁設計的重要元素，它能夠為網頁提供美觀、高效的樣式和布局。其中，CSS布局方式是網頁設計中最基本的部分，它可以幫助設計師實現不同的頁面布局。下面是CSS主要的布局方式：

1. 盒子模型布局
在盒子模型布局中，每個HTML元素被視為一個矩形框，這個矩形框包括了內容、邊框、內邊距和外邊距。通過CSS中的盒子模型屬性（如width、height、padding、margin等），可以控制這些元素的尺寸和位置，從而布局網頁。
2. 浮動布局
使用浮動屬性，可以將HTML元素定位到左側或右側，并允許其他元素位于它的周圍。浮動布局特別適合設計網頁導航菜單、圖像庫、圖文混排等頁面。
3. 彈性布局
是基于CSS3提供的彈性盒模型（Flexbox）實現的布局方式，它允許更精細的控制布局。在彈性布局中，每個子元素都是獨立的彈性盒子，可以控制它們在主軸和交叉軸上的位置、空間分配以及排列方向。
4. 網格布局
網格布局是基于CSS3提供的網格布局模塊實現的布局方式，它允許將網頁分成多個列和行，然后在它們之間定位HTML元素。通過網格布局，可以實現更具吸引力的頁面布局，并為網頁提供更高的可讀性和易用性。

以上是CSS主要的布局方式，設計師可以根據不同的需求和瀏覽器兼容性選擇最合適的布局方式，從而設計出更理想的網頁。