在CSS3中，變量是一種非常有用的功能。通過定義變量來存儲一些值，然后在樣式表中使用這些變量，可以大大簡化樣式表的編寫過程。在本文中，我們將介紹CSS3屬性變量的用法。

CSS3屬性變量通過定義一個變量名稱并為其賦值的方式來實現。例如：

:root {
--main-color: #007bff;
}

上面的代碼定義了一個名為“main-color”的變量，并將其設置為藍色。

在接下來的樣式規則中，可以使用這個變量：

a {
color: var(--main-color);
}

在這個規則中，鏈接的顏色將使用先前定義的“main-color”變量的值。

CSS3屬性變量可以用于所有合法的樣式屬性中，包括背景顏色、字體大小、邊框樣式等。同時，變量也可以相互嵌套：

:root {
--primary-color: #007bff;
--secondary-color: #6c757d;
--alert-color: var(--secondary-color);
}

在這個例子中，我們定義了三個變量，“alert-color”變量的值是“secondary-color”變量的值，而“secondary-color”變量的值是灰色。

另外一個有用的功能是CSS3變量可以覆蓋。如果在樣式表中定義了多個相同的變量，最后一個聲明才會生效。例如：

:root {
--color: blue;
}
.container {
--color: red;
}
.box {
color: var(--color);
}

在這個例子中，最后一個定義變量的值是紅色。所以，在“.box”元素中，“color”屬性將使用紅色。

總之，CSS3屬性變量是一種強大的工具，可以使樣式表的編寫更加簡單和靈活。熟練掌握這一功能有助于更好地管理樣式表，并使代碼更容易維護。