要想敲出漂亮的頭部，我們需要掌握 CSS 的一些基本知識。

/* HTML 代碼 */
<header>
<h1>這是頭部</h1>
<nav>
<a href="#">菜單1</a>
<a href="#">菜單2</a>
<a href="#">菜單3</a>
</nav>
</header>
/* CSS 代碼 */
header {
background-color: #333; /* 設置背景色 */
color: #fff; /* 設置文字顏色 */
padding: 20px; /* 設置內邊距 */
display: flex; /* 設置彈性布局 */
justify-content: space-between; /* 將子元素平分父元素的空間 */
align-items: center; /* 垂直居中 */
}
nav a {
color: #fff; /* 設置超鏈接文字顏色 */
margin-right: 20px; /* 設置右側的間距 */
text-decoration: none; /* 去掉下劃線 */
font-size: 18px; /* 設置字體大小 */
font-family: Arial, sans-serif; /* 設置字體 */
}

通過上述代碼我們可以看出，在<header>標簽里面我們設置了一個<h1>標簽和一個<nav>標簽，分別表示頭部的標題和導航菜單。

在 CSS 樣式中，我們設置了background-color、color、padding、display、justify-content、align-items等多個屬性，用于設置頭部的樣式。

同時，我們還對導航菜單的超鏈接進行了樣式設置，使其更加清晰易讀。