CSS菜單切換頁面是指通過CSS樣式來控制菜單的顯示和隱藏，從而實現(xiàn)頁面的切換。這種方式非常適合單頁面應(yīng)用程序，可以使得頁面切換更加平滑自然。

/* HTML 代碼 */
頁面1頁面2頁面3
頁面1
這是頁面1的內(nèi)容。
頁面2
這是頁面2的內(nèi)容。
頁面3
這是頁面3的內(nèi)容。
/* CSS 代碼 */
.menu {
display: flex;
justify-content: space-between;
}
.page {
display: none;
}
.page:target {
display: block;
}

在上面的代碼中，我們首先定義了一個菜單，使用flex布局來讓菜單項之間平均分布。然后，我們定義了3個頁面，它們的display屬性都設(shè)置為none，即隱藏起來。最后，我們使用:target偽類來讓與當前錨點匹配的頁面顯示出來。

這樣，當我們點擊菜單中的某一項時，頁面就會平滑地切換。這種方式不僅簡單易懂，而且還可以通過修改CSS樣式來實現(xiàn)頁面的過渡效果，進一步提升用戶體驗。