CSS中的全局變量（Global Variables）是一種定義一次，多處使用的變量，使得我們可以在一個(gè)地方定義樣式屬性，然后在其他地方重復(fù)使用。這樣就避免了我們重復(fù)定義樣式造成代碼臃腫的問(wèn)題。在 CSS 選項(xiàng)卡中，有三種方式可以定義全局變量：

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

在上面的例子中，我們?cè)诟貎?nèi)使用了兩個(gè)變量：--primary-color和--secondary-color。 在body選擇器內(nèi)，我們定義了變量的值。var()函數(shù)是用來(lái)引用這些變量的。當(dāng)使用var()函數(shù)時(shí)，CSS會(huì)自動(dòng)查找所有上面定義的變量，并將其替換為相應(yīng)的值。

同時(shí)，全局變量與JavaScript變量很相似，因?yàn)樗鼈円部梢园鞣N數(shù)據(jù)類型，例如字符串、數(shù)字、顏色值等。這使得全局變量更加靈活和適用于各種各樣的場(chǎng)景。

總而言之，全局變量的概念在CSS中越來(lái)越重要。使用它們可以幫助我們編寫(xiě)更加優(yōu)化、可重用的代碼，并且方便我們的維護(hù)和更新。當(dāng)然，它們也為我們提供了更多的靈活性，因?yàn)樗鼈兛梢砸枚喾N數(shù)據(jù)類型，這在復(fù)雜的項(xiàng)目中非常有用。