老师,以前写背景颜色用background:#000等样式。
来源:2-5 汉克狗的眼球
蒹葭苍沧
2020-04-19 19:54:28
<!--老师,以前写背景颜色用background:#000等样式,这里为什么要加:root{ --h1:#1b2f90; --bg:#f9f9f6; }
而且后面写背景还要引用这个background:var(--bg);感觉好麻烦
-->2回答
蒹葭苍沧
提问者
2020-04-20
哦哦,明白了,谢谢老师
好帮手慕久久
2020-04-20
同学你好,“:root{ --h1:#1b2f90; --bg:#f9f9f6; }”这句话的意思是:在根元素下声明了两个变量,一个是“--h1”,一个是“--bg”;
如果页面中我们需要使用“--bg”这个色值,那么就可以使用如下的形式:background:var(--bg);或者color:var(--bg);
这样写的好处是,如果“--bg”这个色值在页面中多次使用,而我们想要更改该色值的值,那么只需将“--bg”这个变量的值改变即可,而不需要将样式中所有使用了该颜色的位置都改一遍,节省开发时间。
同学在书写的时候,也可以使用background:#000;这种形式。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题