CSS是一種非常有用的樣式表語言，用于定義文檔的樣式和布局。然而，在一些情況下，需要定義一些變量，以便更加方便地管理和維護樣式。在本文中，我們將介紹如何在CSS中設置變量。 首先，在CSS3中，有一個新的特性叫做變量，可以使用變量來定義值，并且在整個樣式表中使用這個值。在定義變量之前，需要使用“--”作為前綴來標識變量。例如，下面的代碼定義了一個名為my-color的變量，值為#ff0000。

:root {
--my-color: #ff0000;
}

在上述代碼中，使用了:root選擇器，確保在整個樣式表中使用這個變量。當然，也可以在某個元素或選擇器上定義變量。 接下來，如何使用這個變量？可以使用var()函數來引用這個變量。例如，下面的代碼將使用變量my-color來定義一個背景顏色。

p {
background-color: var(--my-color);
}

在上述代碼中，使用了var()函數來引用變量，并且將它作為背景顏色的值。這意味著當定義變量的值發生變化時，所有引用這個變量的地方都將反映這個變化。 當然，也可以在屬性值中使用計算表達式，例如下面的代碼將使用變量來計算字體大小。

p {
font-size: calc(var(--base-font-size) * 1.2);
}

在上述代碼中，使用了calc()函數來計算字體大小，乘以一個系數1.2，這個系數也可以是一個變量。 總結一下，CSS中的變量是一個非常實用的特性，可以方便地管理和維護樣式表?？梢允褂谩?-”作為前綴來定義變量，使用var()函數來引用變量。希望這篇文章對您有所幫助。