在網(wǎng)頁的排版中，頁眉和頁腳是很重要的部分，可以用來展示網(wǎng)站的logo，版權信息等內(nèi)容。在CSS中，我們可以通過一些樣式來設置頁眉和頁腳的樣式和位置。

/*設置頁眉和頁腳的樣式和位置*/
header{
width:100%;
height:50px;
background-color:#fff;
border-bottom:1px solid #ccc;
position:fixed;
top:0;
z-index:999;
}
footer{
width:100%;
height:30px;
background-color:#fafafa;
border-top:1px solid #ccc;
position:fixed;
bottom:0;
}

上述代碼中，我們先通過選擇器header和footer選中了頁眉和頁腳，然后設置了寬度，高度，背景顏色和邊框。接著，我們使用了position屬性將頁眉和頁腳固定在頁面的頂部和底部，使用z-index屬性來設置層級關系，保證頁眉始終在最上面。通過設置top和bottom屬性，我們可以控制頁眉和頁腳距離頁面頂部和底部的距離。

除了基本樣式之外，我們還可以利用CSS實現(xiàn)更加高級的效果。例如，我們可以使用box-shadow屬性來為頁眉添加陰影效果，使用text-align屬性將頁腳文本居中顯示。

/*設置頁眉陰影效果*/
header{
box-shadow:0 2px 5px #ccc;
}
/*設置頁腳文本居中*/
footer{
text-align:center;
}

在設計網(wǎng)站時，我們可以根據(jù)自己的需要對頁眉和頁腳進行設計，通過靈活運用CSS樣式，可以使網(wǎng)站看起來更加美觀和符合用戶體驗。