css 变量 （css自定义属性值）

css 自定义属性值，很多人喜欢叫它 css 变量，因为它和 js 的变量声明和 函数调用很像。好了我们来看一下它到底是怎么样的。

首先，第一步是声明变量，在css 中一样是使用 var 来声明变量 如我要设置一个字体样式：

　.box{

　　font-size: var(--fz);

　}

　在这里通过 var 来声明一个css 变量，变量名字前面一定要带 -- 这是css变量的规范。

　接下来是给这个变量赋值。

.box{

　　　　--fz: 24px;　　/* 它相当于一个表达式 ，将24px 赋值给变量 --fz */

　　　　font-size: var(--fz);

　　}