CSS變量是在CSS中定義一次并在整個樣式表中可重復使用的值。這些變量使用兩個破折號“--”作為前綴，后跟自定義名稱和賦值。例如：

:root {
--primary-color: #ff0000;
}

在這個例子中，我們定義了一個名為“primary-color”的變量，并將其設置為紅色。

要在樣式中使用這個變量，我們可以通過var()函數來調用它。例如：

h1 {
color: var(--primary-color);
}

在這個例子中，我們將標題的顏色設置為我們定義的變量“primary-color”的值。

使用CSS變量可以使我們的代碼更加易于維護和優化。我們可以在一個地方定義所有的顏色、字體大小和邊距，并在整個樣式表中重復使用它們。如果我們想改變一個值，只需要在定義中更改一次，而不需要在整個樣式表中尋找它。

此外，與其他預處理器不同，CSS變量不需要編譯器即可使用。這使得CSS變量的學習和使用變得更加簡單和靈活。

總之，CSS變量是一個非常有用的工具，可以節省時間和精力，同時使我們的代碼更加優化和易于維護。