CSS變量（也稱為CSS自定義屬性）是一種強大的功能，它允許您在CSS中定義可重用的值，這些變量可以在整個文檔中重復(fù)使用，使得樣式更加一致且易于管理。

要編寫CSS變量，您需要使用前綴來定義變量名稱，您可以定義一個名為--main-color的變量，并將其值設(shè)置為#ff0000：

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

在定義變量后，您可以在其他樣式中使用該變量來引用其值，假設(shè)您有一個元素需要填充顏色，您可以使用以下代碼來引用--main-color變量：

.element {
  fill: var(--main-color);
}

這將使元素填充#ff0000顏色。

除了顏色值外，CSS變量還可以用于存儲其他類型的值，例如長度、角度等，這些變量可以在整個文檔中重復(fù)使用，使得樣式更加一致且易于管理。

CSS變量的值必須是有效的CSS值，并且必須被雙引號或單引號括起來，變量名稱必須是合法的CSS標識符，并且不能包含空格或特殊字符。

通過使用CSS變量，您可以更輕松地管理和維護樣式表，同時提高樣式的可重復(fù)性和一致性。