在CSS中，變量可以幫助我們方便地重復(fù)使用某些值。為了定義一個(gè)CSS變量，我們需要使用var(--variable-name)這個(gè)語(yǔ)法來(lái)引用變量，在:root偽類中定義相應(yīng)的變量名和值。 下面是一個(gè)例子：

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

在上面的代碼中，我們定義了兩個(gè)變量：primary-color和secondary-color，對(duì)應(yīng)的顏色為藍(lán)色和灰色。我們可以在p標(biāo)簽的樣式中使用這些變量，這樣就避免了大量的重復(fù)代碼。 注意，變量名需要以"--"開(kāi)頭，變量的值可以是任意的CSS值，包括顏色、字體、大小等等。 在使用變量時(shí)，我們需要使用var()函數(shù)來(lái)引用變量。var()是一個(gè)CSS函數(shù)，接受一個(gè)參數(shù)，即變量名。例如，在上面的代碼中，我們使用var(--primary-color)來(lái)引用primary-color變量的值。 總之，在CSS中使用變量可以幫助我們更簡(jiǎn)潔、更高效地編寫(xiě)樣式，提高代碼的可讀性和可維護(hù)性。