HTML是一種標記語言，主要用于制作網(wǎng)頁。而CSS則是一種樣式語言，用于控制網(wǎng)頁中的布局、顏色、字體等外觀效果。CSS布局在HTML中非常重要，它幫助我們更好地掌控網(wǎng)頁的外觀和結(jié)構(gòu)。

.container {
width: 80%;
margin: 0 auto;
}
.header {
height: 60px;
background-color: #333;
}
.nav {
float: left;
width: 25%;
}
.main-content {
float: left;
width: 50%;
}
.sidebar {
float: right;
width: 25%;
}
.footer {
height: 40px;
background-color: #333;
}

以上代碼展示了一個簡單的CSS布局。首先，我們創(chuàng)建了一個名為.container的CSS class。這個class用于控制整個網(wǎng)頁的寬度和居中。接下來，我們創(chuàng)建了.header、.nav、.main-content、.sidebar、.footer等class，分別用于控制網(wǎng)頁中的各個區(qū)塊。

在這個布局中，我們使用了float屬性來實現(xiàn)多列布局。.nav、.main-content、.sidebar都使用了float屬性，這讓它們在同一行顯示。同時，我們也設(shè)置了它們的寬度，這樣就可以實現(xiàn)一個經(jīng)典的三列布局。.header和.footer則使用了固定高度和背景顏色，讓它們在網(wǎng)頁的最上方和最下方顯示。

CSS布局可以幫助我們更好地控制網(wǎng)頁的結(jié)構(gòu)和外觀。當然，實際中的布局可能會更加復(fù)雜，需要考慮到不同設(shè)備的屏幕大小、響應(yīng)式設(shè)計等因素。但是，好的CSS布局可以帶來更好的用戶體驗，讓網(wǎng)頁更加美觀和易用。