在CSS中，樣式用變量可以提高代碼的可讀性和可維護(hù)性。CSS3引入了變量的概念，它們可以定義和重用在整個樣式表中的值。這使得樣式表的修改更容易和精確。

要定義變量，需要使用關(guān)鍵字var()和雙減號“- -”來引用變量名，如下所示：

:root {
- -primary-color: #007bff;
}
.button {
background-color: var(- -primary-color);
}

上面的例子中，:root偽類定義了名稱為- -primary-color的變量。它的值為#007bff，這是Bootstrap的藍(lán)色主題色。現(xiàn)在，.button類使用了變量來設(shè)置其背景顏色，這將為其設(shè)置相同的藍(lán)色。

如果以后想修改主題色，只需更改變量的值，其余的樣式將會隨之發(fā)生更改。這是CSS變量的一個強(qiáng)大之處，尤其是在具有復(fù)雜樣式的大型項(xiàng)目中。

可以為任何類型的值定義變量，包括顏色、字體、間距、尺寸和邊框半徑。還可以在媒體查詢中定義變量，以根據(jù)屏幕尺寸調(diào)整樣式。

要注意的一點(diǎn)是，變量名稱必須以“- -”前綴開始。這有助于避免與瀏覽器屬性混淆，并使其易于識別。值的計(jì)算也可以使用數(shù)學(xué)表達(dá)式，如calc()。

總之，CSS3的變量是一個強(qiáng)大的工具，可以簡化樣式表的編寫和維護(hù)。它們使代碼易于閱讀和修改，并為開發(fā)人員提供了更大的靈活性。