CSS 是一種用于為 HTML 頁面添加樣式（樣式表）的語言。其功能豐富，可以實現多種樣式效果。其中一個常用的效果是鼠標單擊后的樣式變化。

在 CSS 中，可以使用不同的偽類來實現單擊后的樣式變化。常見的偽類有 :hover、:active 和:focus。

例如，我們可以通過以下方式設置單擊后的樣式變化：
button:active {
background-color: blue;
color: white;
}

上述代碼定義了在按鈕被點擊時（即處于 :active 狀態下），按鈕的背景顏色變為藍色，文字顏色變為白色。

除了偽類外，我們還可以使用 JavaScript 來實現單擊后的樣式變化。通過給元素添加一個事件監聽器，在元素被點擊時改變其樣式。

例如：
document.getElementById("myButton").addEventListener("click", function() {
this.style.backgroundColor = "blue";
this.style.color = "white";
});

上述代碼將元素 ID 為 myButton 的按鈕添加了一個點擊事件監聽器，在按鈕被點擊時，將其背景顏色改為藍色，文字顏色改為白色。

總之，單擊后的樣式變化是 CSS 中常用的效果之一，可以通過偽類或 JavaScript 來實現。在頁面設計中，合理利用該功能可以增強頁面的交互性，提升用戶體驗。