在CSS中，定義變量是一個非常重要的技能。它可以簡化樣式表的編寫，并且可以讓樣式更易于維護和修改。變量的定義在CSS3中尤為重要，因為它可以在多個規則中共享。下面我們來看一下如何在CSS中定義變量。

:root {
--主色調: #007bff;
--文本顏色: #333;
}
h1 {
color: var(--主色調);
}
p {
color: var(--文本顏色);
}

上面的例子展示了如何定義一個變量，并在兩個不同的規則中使用這個變量。在這個例子中，我們使用了:root偽類來定義變量。根元素是文檔中所有其他元素的父元素。由于所有元素都是根元素的后代，因此在:root中定義的變量可以在整個文檔中使用。

在變量名稱前加上--符號是一個常見的慣例，以便將其與屬性名稱區分開來。在這個例子中，我們為主色調和文本顏色定義了兩個變量。

要在規則中使用變量，只需使用var()函數將變量名稱作為參數傳遞即可。在上面的例子中，我們使用var()函數在h1元素和p元素中引用了變量。

總之，定義CSS變量可以使我們的樣式表更加靈活，可維護，并且可以提高開發效率。通過:root偽類和var()函數，我們可以在樣式表中定義和重用變量。這樣，我們就可以輕松地更改樣式表中的變量值，從而改變整個樣式的外觀和行為。