CSS（層疊樣式表）是一種用于給HTML文檔添加樣式的語言。在網站開發中，我們經常需要在不同的頁面之間切換，并且需要在這些頁面之間保持一致的樣式。這就需要用到CSS的切換頁面功能。
下面我們來看一下如何使用CSS來切換頁面。首先，我們需要創建一個HTML頁面，然后將CSS樣式表添加到頁面中。在這個樣式表中，我們可以定義不同的樣式規則，如背景顏色、字體大小和行高等。
接下來，我們需要為頁面中的鏈接添加一個特殊的class，比如"active"。這個class將用于確定當前頁面的鏈接，并為其設置特定的樣式。
接下來，我們需要為每個頁面創建一個CSS規則，并將其應用于頁面的鏈接。這可以通過以下代碼來實現：

p {
color: #333;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.active {
color: red;
font-weight: bold;
text-decoration: none;
}

在這個示例中，我們定義了一個名為p的樣式規則，并添加了一個名為.active的類規則。當鏈接被點擊時，我們將鏈接與.active類相關聯，以確保它具有正確的樣式。
最后，我們需要使用JavaScript來切換頁面。我們可以使用一個簡單的函數，將當前鏈接的active class刪除，并將其添加到新鏈接中。以下是這個函數的代碼：

function setPageActive(link) {
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].classList.remove('active');
}
link.classList.add('active');
}

這個函數將getElementsByTagName返回的鏈接存儲在一個變量中，然后循環遍歷他們，并刪除active class。最后，我們將active添加到新鏈接中。
使用CSS來切換頁面的過程就是這樣的。通過這種方法，我們可以輕松地切換頁面，并保持一致的樣式。在網頁開發中，這種技術被廣泛應用，特別是在響應式設計中。