在CSS中，變量是一項非常有用的功能，允許開發人員聲明并重復使用特定值。在CSS中，變量可以通過CSS變量（CSS Variables）實現。

一個CSS變量由兩部分組成：變量名稱和變量值。變量值可以是任何合法的CSS值，如顏色，長度和字體。變量名稱以兩個連字符（--）開頭，后跟任何名稱。下面是一個示例：

:root {
--primary-color: #4286f4;
}
.header {
background: var(--primary-color);
}

在此示例中，我們聲明了一個名為--primary-color的CSS變量，并將其設置為#4286f4。然后，我們將該變量引用為.header的背景顏色。

這個變量可以在整個樣式表中重復使用，以確保一致的外觀和感覺，而無需在多個位置寫入相同的顏色值。如果我們需要更改主要顏色，我們只需要更改根選擇器中的CSS變量值即可。

同時，CSS變量還支持默認值。如果變量被引用，但尚未定義，則將使用其默認值。例如：

:root {
--primary-color: #4286f4;
--secondary-color: green;
}
.header {
background: var(--primary-color, var(--secondary-color));
}

在此示例中，我們定義了兩個變量，--primary-color和--secondary-color。--header使用var()函數引用--primary-color，指定了一個默認值為var(--secondary-color)。如果--primary-color未定義，則將使用--secondary-color的值。

總結一下，使用CSS變量可以簡化CSS樣式表，使其更易于維護和重用。那么，如果您正在使用CSS變量來定義顏色、寬度或其他屬性，那么--variable-name的語法以及var()函數是您需要了解的兩個最重要的概念。