在網頁設計中，導航欄是重要的組成部分之一。如果導航欄能夠固定在頁面的指定位置，不隨用戶滾動而移動，將會顯得更加專業且方便用戶操作。下面我們來學習如何使用 CSS 實現固定導航欄。

nav {
position: fixed; /* 這個屬性可以使導航欄固定在頁面上 */
top: 0; /* 設定導航欄距離頁面頂部的位置 */
width: 100%; /* 設定導航欄的寬度占滿整個頁面 */
background-color: #fff; /* 設定導航欄的背景顏色 */
z-index: 999; /* 設定導航欄的圖層，使其不被其它元素蓋住 */
}

以上代碼片段是 CSS 樣式中設定導航欄為固定不動的基本樣式。在使用時，我們只需要將該樣式綁定到 HTML 中的 nav 元素即可。通過調整 top 的值，可以讓導航欄距離頁面頂部的位置發生變化。如果需要給導航欄增加透明度或陰影效果，可以通過樣式設置屬性 box-shadow 或 opacity 實現。

總的來說，實現導航欄固定不動的效果只需要加入 position:fixed 屬性以及相應的樣式設定即可。這不僅可以讓網頁顯得更加具有專業感，同時也對用戶操作提供了很大的便利性。