CSS是前端開發(fā)中非常重要的技術(shù)之一，它可以用來控制網(wǎng)頁的樣式表現(xiàn)，比如控制字體，顏色，邊框等等。

在HTML中，我們可以使用div或者table等元素來實現(xiàn)網(wǎng)頁的布局。本文將以三排布局為例，演示如何使用CSS來控制三排的布局。

<div class="container">
<div class="header">
<h1>Header</h1>
</div>
<div class="content">
<p>Content</p>
</div>
<div class="footer">
<p>Footer</p>
</div>
</div>

以上是我們的HTML結(jié)構(gòu)，由一個包含三個子元素的div容器組成。我們將使用CSS來控制這些元素的樣式，使它們符合我們的需求。

.container {
width: 80%;
margin: 0 auto;
}
.header {
background-color: #0070c0;
color: #fff;
padding: 10px;
}
.content {
background-color: #f5f5f5;
padding: 10px;
height: 300px;
}
.footer {
background-color: #eee;
padding: 10px;
}

以上是CSS樣式表的代碼，我們來逐個解釋一下：

首先，我們給容器設(shè)置了寬度為80%，讓它居中顯示。然后對每個子元素進行樣式控制，其中，header的背景色為藍色，字體為白色，content的背景色為灰色，高度為300px，footer的背景色為淺灰色。

至此，我們的三排布局就完成了。當(dāng)然，這只是一種布局方式，還有許多其他的布局方式，需要根據(jù)實際需求來選擇。