CSS变量（自定义属性）详解
**CSS变量（自定义属性）详解**
**一、什么是CSS变量**
CSS变量（官方名称：自定义属性）是CSS中用于存储可重用值的实体，通过`--`前缀定义。它允许你在一个地方管理重复使用的值，并在整个文档中通过`var()`函数引用。
**二、基本语法和用法**
1. 定义变量：
```css
/* 在根元素定义全局变量 */
:root {
--primary-color: #007bff;
--spacing-unit: 16px;
--main-font: "Arial"
2025-11-03 11:32:23
0