最近新喜欢上了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);
参考 :参考地址-----