在網站設計中，頭部被認為是最重要的部分之一。它不僅是你網站的視覺制定方面的重要組成部分，更是有利于提高用戶體驗和網站整體SEO優化的最佳途徑之一。在CSS樣式設計中，頭部的設計非常重要，下面簡單介紹如何使用CSS設計網站頭部。

<header>
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>
</header>

在代碼片段中，我們首先使用了header標簽來定義頭部。在header標簽下，我們嵌入了一個nav標簽，然后在nav標簽下使用ul和li標簽來定義網站的主菜單。使得網站頭部在樣式設計上更加的干凈和規范。

header {
height: 100px;
width: 100%;
background-color: #2b2b2b;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
nav {
display: inline-block;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
display: inline-block;
margin: 0 20px;
font-size: 16px;
font-weight: bold;
}
a {
text-decoration: none;
color: #fff;
font-size: 16px;
}

在CSS樣式設計中，我們使用header選擇器來定義頭部樣式屬性，并在其中設置了高度，寬度，背景色以及字體的顏色和顯示方式。然后我們將nav設置為內聯元素，并設置了內部的ul和li標簽的顯示方式和樣式。最后，我們為a標簽定義文字裝飾和顏色。通過這種方式，我們可以設計出非常規范漂亮的網站頭部。