关于H5 （自定义界面 的高度计算） CSS/CSS3 变量var()使用 以及 calc()函数计算的使用

最近新喜欢上了css中的var以及calc()函数,这可以在不使用less或者scss的情况下实现变量以及函数的使用,在此记录一下
var变量的定义语法 : - -变量名 两个短横线加上变量名
var变量的使用 : var(- -变量名)
我们可以在root或者任何一个我们想要使用的变量语法的层级中定义var()变量并进行使用

定义全局变量1、：

css-修改变量方法:setProperty

使用二：calc 和 var

height: calc(100vh - 170px - var(--top-height));
height:var(--top-height);

参考 ：参考地址-----