CSS變量（也稱為CSS自定義屬性）是一種強大的功能，它允許您在CSS中存儲和重復使用特定的值，這些變量可以在整個文檔中共享，使您能夠更輕松地管理和維護樣式。

在CSS中定義變量時，您需要使用前綴，后跟變量的名稱和值，您可以定義一個名為--main-color的變量，并將其值設置為#ff0000：

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

您可以在其他樣式中使用該變量，

body {
  background-color: var(--main-color);
}

這將使背景顏色成為--main-color變量的值，即#ff0000。

您還可以定義其他類型的變量，例如字符串、數組和函數，這些變量可以在整個文檔中共享，使您能夠更輕松地管理和維護樣式。

CSS變量是一種強大的功能，可以幫助您更輕松地管理和維護樣式，通過定義和使用變量，您可以避免重復編寫代碼，并使代碼更加易于維護和更新。