在網頁中，CSS（層疊樣式表）是很重要的一個元素。CSS可以美化網站的外觀，使網站頁面看起來更加美觀和專業。 下面是一個CSS網頁布局的例子：

/* 在CSS中，可以將HTML元素分組，然后通過選擇器來設置元素的樣式 */
/* 首先，我們定義一個樣式組 */
body,html {
height:100%;
margin:0;
padding:0;
}
/* 接著，我們定義另一個樣式組 */
header {
background-color:#333;
color:white;
height:50px;
text-align:center;
}
/* 再定義一個樣式組 */
nav {
display:inline-block;
width:25%;
height:calc(100% - 50px); /* 去掉header后剩余的高度 */
background-color:#ccc;
}
/* 這是內容區域的樣式 */
main {
width:75%;
height:calc(100% - 50px); /* 去掉header后剩余的高度 */
background-color:white;
float:right; /* 將main放置在nav的右側 */
}
/* 最后，定義footer的樣式 */
footer {
background-color:#333;
color:white;
height:50px;
text-align:center;
clear:both; /* 在底部添加間距 */
}

通過上面的代碼，就可以實現一個網站的簡單布局。其中，header代表頂部導航欄，nav代表左側菜單欄，main代表主內容區，footer代表底部。 使用CSS進行網頁布局可以使得網站看起來更加美觀且易于閱讀。同時，也可以幫助我們更好地組織網頁內容，使其更加易于理解和瀏覽。在實際使用中，我們需要根據實際需求靈活使用CSS來實現不同的網頁布局效果。