在CSS中，變量是一種強大的功能，可以讓我們在樣式表中存儲和重復(fù)使用特定的值，使用變量可以簡化代碼，提高可維護性，使樣式表更加靈活和可重用。

在CSS中定義變量時，需要使用前綴，后跟變量名。--main-color、--font-size等，這些變量可以在樣式表的任何位置使用，就像使用普通的CSS屬性一樣。

如果我們有一個主要的顏色主題，可以這樣定義：

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

在樣式表的任何位置都可以使用這個變量來設(shè)置顏色：

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

變量不僅可以用于顏色，還可以用于任何CSS屬性，我們可以定義一個字體大小的變量：

:root {
  --font-size: 16px;
}
body {
  font-size: var(--font-size);
}

變量還可以用于計算復(fù)雜的值，例如漸變顏色、動畫時間等，通過使用變量，我們可以更加輕松地管理和維護樣式表，使代碼更加簡潔、易于閱讀和理解。

CSS變量是一種非常實用的功能，可以讓我們在樣式表中更加靈活地管理和使用各種屬性值，如果你還沒有使用過CSS變量，不妨嘗試一下，相信你會愛上它的！