CSS是一種樣式表語言，用于對網頁進行樣式和布局設計。CSS布局是指如何在網頁上定位和排列HTML元素，以及如何分配網頁中的空間，讓頁面更加美觀、可讀性更高。

// HTML代碼
<div class="container">
<div class="header">header</div>
<div class="content">
<div class="sidebar">sidebar</div>
<div class="main">main content</div>
</div>
<div class="footer">footer</div>
</div>
// CSS代碼
.container {
width: 960px;        // 寬度
margin: 0 auto;      // 居中
padding: 20px;       // 內邊距
}
.header, .content, .footer {
background-color: #ccc;  // 背景色
}
.header {
height: 100px;       // 高度
}
.content {
display: flex;       // 使用flex布局
}
.sidebar {
width: 200px;        // 邊欄寬度
}
.main {
flex: 1;             // 主內容占據空間比例為1
}

上述代碼展示了一個簡單的CSS布局示例，包含一個頭部、一個內容區域，內容區域包含了一個左邊邊欄和一個右邊主要內容區域，以及一個底部。這個布局使用了居中、內邊距、背景色、高度、寬度、主內容占據比例等樣式屬性。

總的來說，CSS布局非常重要，可以幫助設計師更好地展示和傳達網站內容和信息。需要注意的是，在實現布局時，應該遵循最佳實踐和易于維護的原則，以確保代碼的可讀性和可維護性。