CSS變量是一種新型的CSS特性，可以用來定義通用的值或?qū)傩裕鵁o需在多個CSS規(guī)則中進行大量重復(fù)編寫。CSS變量使用"var"函數(shù)調(diào)用，類似于JavaScript中的變量。

:root {
--main-color: #FFA500;
--bg-color: #F0F0F0;
}
h1 {
color: var(--main-color);
background-color: var(--bg-color);
}

以上代碼中，":root"選擇器表示全局頁面的根元素。在這里定義的變量，被整個頁面中的其他規(guī)則使用。在這個例子中，我們定義了兩個變量，一個是主色調(diào)，一個是背景色。在"h1"元素的規(guī)則中，我們使用var函數(shù)調(diào)用了這些變量并應(yīng)用到屬性上。

使用CSS變量可以帶來許多好處，例如：

• 提高了可維護性和可重用性。
• 使得全局優(yōu)先級比內(nèi)聯(lián)樣式更低。
• 可以與JavaScript交互，在運行時修改變量的值。

總之，CSS變量是一種非常方便且強大的CSS特性，使得編寫和維護CSS樣式變得更加簡單和高效。