最近新喜欢上了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);

参考 :参考地址-----

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐