css 自定义属性值，很多人喜欢叫它 css 变量，因为它和 js 的变量声明和 函数调用很像。好了我们来看一下它到底是怎么样的。
首先，第一步是声明变量，在css 中一样是使用 var 来声明变量 如我要设置一个字体样式：
.box{
font-size: var(--fz);
}
在这里通过 var 来声明一个css 变量，变量名字前面一定要带 -- 这是css变量的规范。
接下来是给这个变量赋值。
.box{
--fz: 24px; /* 它相当于一个表达式 ，将24px 赋值给变量 --fz */
font-size: var(--fz);
}
原文：https://www.cnblogs.com/hermit-gyqy/p/12206988.html