CSS3是一種廣泛使用的樣式表語言，它為網頁的排版和呈現提供了很多有用的功能和特性。其中之一就是導航菜單的固定，這在網站設計中非常常見和重要。 通過CSS3中的position和z-index屬性，我們可以很容易地將導航菜單固定在網頁的頂部或底部，并且使其在滾動網頁時保持不變。以下是一個實現固定導航菜單的代碼示例：

/* 導航菜單的樣式 */
nav {
position: fixed; /* 固定位置 */
top: 0; /* 距離網頁頂部為0 */
background-color: #ffffff; /* 背景色為白色 */
z-index: 100; /* z-index值大于其他元素，使其處于最上層 */
width: 100%; /* 自適應寬度 */
height: 50px; /* 菜單欄高度 */
text-align: center; /* 文字居中 */
}
/* 導航菜單中每個選項的樣式 */
nav a {
display: inline-block; /* 將a標簽轉為塊級元素 */
margin: 0 10px; /* 左右間距10px */
line-height: 50px; /* 行高與菜單高度一致 */
color: #333; /* 字體顏色 */
text-decoration: none; /* 文字無下劃線 */
}
/* 當鼠標懸停在選項上時的樣式 */
nav a:hover {
color: #ff0000; /* 字體顏色改變為紅色 */
}

在HTML中使用以上樣式時，只需將導航菜單放在