CSS變量是一種強大的工具，它可以幫助開發者更輕松地管理樣式表。在CSS中，變量的概念是通過一個特定的符號來表示的，通常是以雙劃線“--”為開始。在定義變量之后，可以在樣式中使用該變量，而不必在許多位置重復使用相同的值。通過CSS變量，你甚至可以使用JavaScript來動態地更新變量值，從而改變頁面的樣式。

下面是一個簡單的示例，顯示如何在樣式表中定義和使用變量：

/* 定義變量 */
:root {
--primary-color: #007bff;
--secondary-color: #6c757d;
}
/* 使用變量 */
.btn-primary {
background-color: var(--primary-color);
color: #fff;
}
.btn-secondary {
background-color: var(--secondary-color);
color: #fff;
}

在這個示例中，我們定義了兩個變量：--primary-color和--secondary-color。然后我們使用它們來定義.btn-primary和.btn-secondary的樣式。這些變量使得樣式表更易于維護，如果我們需要更改主色調或輔色調的值，只需在一個位置更改變量的值即可。

當然，CSS變量的用途遠遠不止于此。你還可以在CSS文件中定義更多的變量，以便更好地組織和管理樣式表。如果你希望了解更多關于CSS變量的信息，請查看W3C的文檔。