前端開發的基礎就是 HTML、CSS 和 JavaScript。其中，CSS 負責網頁的樣式設計，修改包括文字、圖片、布局等方面的內容。

網頁的布局是 CSS 中最基礎、也最常用的一個功能。常見的布局方式有：文檔流布局（靜態布局）、浮動布局、定位布局和彈性盒子布局。

/* 浮動布局 */
.container {
width: 100%;
overflow: hidden; /* 清除浮動 */
}
.box {
width: 30%;
float: left;
margin-right: 3%;
}

另外，CSS 還支持柵格布局、網格布局和多列布局等高級布局方式。這些布局方式都可以通過 CSS 的屬性、選擇器和規則來調整和優化，達到更好的效果。

總的來說，CSS 布局是前端開發者必須要掌握的基礎技能。只有熟練掌握布局方式，才能更好地實現網頁的設計和效果。