首页 前端知识 关于H5 (自定义界面 的高度计算) CSS/CSS3 变量var()使用 以及 calc()函数计算的使用

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

2024-05-14 22:05:47 前端知识 前端哥 188 600 我要收藏

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8624.html
标签
评论
发布的文章

1、SpringBoot简介及返回json

2024-05-25 09:05:17

mysql 的jsonTable使用

2024-05-25 09:05:41

MySQL中的JSON

2024-05-25 09:05:32

JSON简介(1)

2024-05-25 09:05:22

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!