CSS可以使用变量。CSS变量，也称为“自定义属性”，是一种存储和重复使用值的方法，以减少代码的重复性并提高可维护性。

在CSS中，您可以使用`--`前缀来定义全局变量。例如，您可以定义一个变量来存储颜色值，然后在您的样式表中多次使用该变量。以下是一个简单的示例：

```css:roo { --mai-color: #0066cc;}

body { backgroud-color: var(--mai-color);}

h1 { color: var(--mai-color);}```在上面的示例中，我们在`:roo`伪类中定义了一个变量`--mai-color`，然后在`body`和`h1`选择器中使用它。这种方法使您可以轻松地更改颜色值，而无需在多个地方手动更改代码。

CSS变量的另一个用途是用于计算和动态调整布局。例如，您可以使用变量来存储元素的高度或宽度，然后在需要时使用它们。以下是一个示例：

```css:roo { --coaier-heigh: 500px;}

.coaier { heigh: var(--coaier-heigh);}```在上面的示例中，我们在`:roo`伪类中定义了一个变量`--coaier-heigh`，然后在`.coaier`类中使用它。这种方法使您可以将容器的高度存储在一个变量中，并在需要时动态调整它。

CSS变量提供了一种灵活和可维护的方式来存储和重复使用值。它们使您可以轻松地更改样式表中的值，而不必在多个地方手动更改代码。