CSS属性用变量，也就是利用CSS变量来定义CSS属性的值。这样的好处是可以简化代码、提高代码的可维护性和可读性。

/* 定义CSS变量 */
:root {
--color-primary: blue;
--color-secondary: red;
}
/* 使用CSS变量 */
body {
background-color: var(--color-primary);
color: var(--color-secondary);
}

如上所示，使用CSS变量定义了两个颜色变量，然后在body中使用了这两个变量来设置背景色和前景色。这种方式的好处在于，当颜色需求变化时，只需修改变量值即可，而不用在整个CSS文件中搜索并修改每个使用该颜色的地方，这大大简化了维护工作。

此外，CSS变量也可以嵌套使用，如下所示：

:root {
--color-primary: blue;
--color-secondary: var(--color-primary);
}
body {
background-color: var(--color-primary);
color: var(--color-secondary);
}

这里使用了变量嵌套，将二级变量--color-secondary的值设置为一级变量--color-primary的值。这样就可以确保--color-secondary的值永远与--color-primary保持同步。

综上所述，使用CSS变量定义CSS属性的值可以提高代码的可维护性和可读性，减少代码冗余，是一种非常实用的技巧。