变量教辅看不懂
17
收起
正在回答
1回答
同学你好,关于同学的疑问解答如下:
1、css变量的作用
变量最大作用就是可以降低代码的大小,通过在内容空间中存储一个变量就可以在之后的程序中多次使用该变量。
2、css变量的用法
(1)使用--*(*表示变量名)声明变量
(2)使用var(--*)调用变量
示例:
3、css变量的优势
在传统的CSS中有些属性值字符长度大,且需要重复设置,这样就不可避免的增大了页面的体积。还有有些响应式网站中应用到的比例布局,这时候需要根据父元素宽高属性通过一个比例计算来设置新元素的宽高,这个工作费时且费力。所以为了给开发者提升一个开发效率,就出现了SASS和LESS等css的预编译工具,但是css变量相较于SASS和LESS等更加简单、易学、易上手。不需要搭建复杂的编译环境。
如果我的回答帮助了你,希望采纳,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星