在CSS中定義變量是CSS變量特征的一部分。定義變量能夠讓您在整個(gè)樣式表中共享值。在CSS中，定義變量通常被稱為定義屬性值。使用變量可以簡化樣式表，減少代碼量，從而使代碼更加易于維護(hù)。

:root {
--color-blue: #007bff; /*定義藍(lán)色變量*/
}
p {
color: var(--color-blue);/*使用藍(lán)色變量*/
}

在上面的代碼中，:root是偽元素選擇器。它選擇文檔根元素，同時(shí)也是定義變量的地方。定義變量的方法類似于定義CSS屬性。變量的名稱必須以兩個(gè)短橫線（--）開頭，后面跟隨名稱，最后是該變量的值。在此示例中，我們定義了一個(gè)名為“--color-blue”的變量。該值設(shè)置為藍(lán)色（#007bff）。

要在CSS中使用該變量，只需在需要使用它的選擇器中進(jìn)行調(diào)用。如上述代碼中的示例，我們應(yīng)用了一個(gè)名為“p”的選擇器，然后將color屬性設(shè)置為“var(--color-blue)”。在這種情況下，var() 是在調(diào)用，因?yàn)槲覀兿胍{(diào)用這個(gè)變量而不是直接輸出 " -- color-blue "。

CSS變量可以使用在任何可以使用值的地方。這包括border-color，font-size，background-color等等。在CSS變量被全面支持之前，需要小心使用CSS變量的兼容性。