原生css变量声明噫~~~为什么我用原生css这个词，随便。我发现了惊人的事情。接触前端一年多了。今天才知道，原生CSS也可以声明变量，这是个黑科技。我是不是跟不上时代太久了。好吧，来吧，让我介绍一下这个东西。统计，知道这个东西的同学请在下方留言，输入1定义css变量。我们都知道使用less或者sass预处理语言可以进行变量声明。下面是声明一个颜色为白色的变量的示例。变量名是mioless@mio:#fff;div{color:@mio;}sass$mio:#fff;div{color:$mio;}css*{--mio:#fff;}div{color:var(--mio);}注意css的写法，声明的变量一定要写在选择器里，变量名用--定义。结合变量声明的功能，可以定义全局公共样式，比如主题颜色，比如官方版块的间距，比如移动端适应不同屏幕页面布局的方式等等。我们再结合css3提供的cacl()计算属性。该属性支持四种算术运算。支持的单位为rem、em、%、px。使用时，在运算符号两边加空格。例如：:root{--cellwidth:200px;--cellheight:calc(var(--cellwidth)/4);}div{宽度:var(--cellwidth);高度：var(--cellheight);行高:var(--cellheight);顶部边距：calc(var(--cellwidth)-var(--cellheight)+2px);}这段代码计算div，宽200px，高50px，行高50px，margin-top是在52px运行后的结果：天哪，太神奇了，css越来越好了
