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

标签：表达式   --   style   字体样式   自定义属性   表达   css   span   通过   

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

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

　.box{

　　font-size: var(--fz);

　}

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

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

　　.box{

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

　　　　font-size: var(--fz);

　　}

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

标签：表达式   --   style   字体样式   自定义属性   表达   css   span   通过   

原文地址：https://www.cnblogs.com/hermit-gyqy/p/12206988.html