在CSS中，header是一個很重要的元素，它是一個文檔或頁面的頁眉部分，通常包括logo、導航菜單和其他元素。我們可以使用CSS來控制header的外觀和行為，讓它更符合我們的設計需求。

/* 對header進行基本樣式設置 */
header {
background-color: #fff; 
border-bottom: 1px solid #ccc;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
/* 設置header中l(wèi)ogo部分的樣式 */
.logo {
font-size: 24px;
font-weight: bold;
color: #333;
text-decoration: none;
}
/* 設置header導航菜單的樣式 */
.nav {
list-style: none;
display: flex;
}
.nav li {
margin: 0 10px;
}
.nav a {
color: #333;
text-decoration: none;
}
.nav a:hover {
color: #167df6;
}

在上面的代碼中，我們首先定義了header元素的樣式，包括背景色、邊框、內(nèi)邊距以及flex布局等屬性。接下來，我們使用類選擇器來設置logo和導航菜單的樣式，包括字體大小、顏色、間距和鼠標懸停效果等。這些樣式設置可以讓我們更好地控制header的外觀和行為。