CSS中的自定义属性（Custom Properties）和变量（Variables）

CSS是一种用于定义网页样式的语言，它允许开发者通过选择器和属性来选择和修改HTML元素的外观和布局。在CSS中，我们可以使用自定义属性（Custom Properties）和变量（Variables）来提高样式的可维护性和灵活性。自定义属性和变量允许我们在CSS中声明一个值，并在其他地方引用它，这样我们就可以在一个地方更改该值，而不需要逐个修改每个使用它的地方。

在过去，CSS没有直接支持变量。然而，自从CSS3引入了自定义属性（Custom Properties），我们就可以使用自定义属性来模拟变量的行为。自定义属性使用以两个连字符（–）开头的名称，并可以在整个CSS文件中引用。

下面是一个简单的示例，展示如何在CSS中使用自定义属性和变量：

:root {
   
   
  --primary-color: #ff0000;
  --secondary-color: #00ff00;