CSS3变量特性的用法

尽管CSS表达式早已出了许多年，但，绝大部分人在写CSS式样时，仍然讨厌采用现代常量的形式

现代CSS优点都是一般来说，尽管Sass和Less此类辅助工具提供更多表达式，但最后还会导出校对为一般来说的CSS式样优点值。过往他们要同时实现这种的效用

都是这种

当CSS全力支持表达式时，他们能这种写

初一看，这玩意儿要申明，还要var来采用，怎么这么麻烦。但它也有它的优势，如，减少式样代码的重复，使式样代码更灵活，从而也能使得我们效率得以提升，特别是在切换主题式样时，通过CSS表达式就能轻松处理。既然这种，那么他们就得了解一下。

CSS表达式声明:–表达式名，注意,是两横杠加表达式名且大小写敏感，如：–color,–font-size,CSS表达式采用:var(–表达式名)或者var(–表达式名,默认值)，当表达式名不存在时，会采用默认值作为优点值,如：color:var(–color),

color:var(–color,blue)

CSS变量可与JS交互：1. 设置CSS表达式: [element].style.setProperty(‘–表达式名’,’优点值’)，如:

document.body.style.setProperty(–color, #f66);

document.body.style.getPropertyValue(–color);

在实际项目中，他们也能借助CSS表达式来同时实现一些过往比较复杂的特效。