CSS變量是CSS3中提供的全新特性，它使得我們可以將一個變量值與一個CSS屬性關聯起來。CSS變量保存的值可以在整個CSS文件中使用，并且可以動態地改變它們的值，而無需更改每個單獨的選擇器或屬性。 CSS變量使用雙減號（--）定義，并通過var()函數進行引用。定義CSS變量時，需要在任意一個選擇器中使用包含雙減號的屬性（例如：--my-color: red;）。在此后，可以使用var()函數在另一個CSS屬性中引用該值（例如：color: var(--my-color);）。 下面是一個簡單的例子，演示了如何創建并使用CSS變量：

p{
--background-color: yellow;
background-color: var(--background-color);
color: black;
padding: 10px;
}

上面的CSS中，我們使用了自定義的CSS變量 --background-color，并將其值設置為 yellow。然后，我們使用 var() 函數引用了這個變量，并將其應用到了 background-color 屬性中。 需要注意的是，CSS變量可以在其他變量中使用，這樣可以創建復雜的值和結構。 在使用CSS變量時，同樣需要注意兼容性問題。CSS變量在某些瀏覽器版本中可能無法正常工作，需要經過兼容性調試才能保證所有瀏覽器中運行良好。 總的來說，CSS變量是CSS3中非常有用的新增特性。可以有效地提高代碼可重用性和可維護性，同時也可以讓開發人員更加靈活地控制整個網站的外觀和樣式。