CSS 中引用變量
CSS 中引用變量可以讓開發者在一個地方定義變量，然后在不同的地方引用這個變量，方便開發者在后續更改時只需修改這個變量的值，而不需要一個一個地去修改每個樣式。
在 CSS 3 中，CSS 自定義屬性為開發者提供了這種引用變量的功能。以下是使用 CSS 自定義屬性定義和引用變量的方法：
定義變量：
```css
:root {
--main-color: #fff;
}
```
在這個例子中，我們定義了一個名為 “main-color” 的變量，并賦予值為白色 (#fff)。
引用變量：
```css
body {
color: var(--main-color);
}
```
在這個例子中，我們將定義好的 “main-color” 變量引用到 body 元素的 color 屬性中。
另外需要注意的是，變量名必須使用雙橫線開頭，而且不能使用數值開頭。
示例代碼：
```
在 CSS 中引用變量可以讓開發者更方便地管理樣式。
:root {
--main-color: #fff;
}
body {
color: var(--main-color);
}在這個例子中，我們定義了名為 “main-color” 的變量，并引用這個變量到 body 元素的 color 屬性中。這種方式能更加方便地修改樣式，只需改變變量的值，就可以影響到所有引用該變量的樣式。
```上一篇css中怎么設置縮放
下一篇css中怎么縮放圖片