CSS变量声明方法,CSS调用变量方法
1、/*声明变量*/@nice-blue: #5B83AD;说明:1、以@开头2、:前面@后面是变量名,只能以字母开头,可以中间窄忾行崦包含数字,或以数字结尾,中间可以有_下划线,不能用下划线结尾3、:冒号后面;分号前面是变量值
2、/*加变量*/@light-blue: @nice-blue + #111;说明:可以加法运算,需要谨遵格式“变量=变量+值”
3、/*减变量*/@light-blue: @nice-blue - #111;说明:可以减法运算,需要谨遵格式“变量=变量-值”
4、/*乘变量*/@light-blue: @nice-blue * #111;说明:可以乘法运算,需要谨遵格式“变量=变量*值”
5、/*除变量*/@light-blue: @nice-blue / #111;说明:可以除法运算,需要谨遵格式“变量=变量/值”
6、/*引用变量*/#header { color: @light-blue; }说明:直接在需要使用变量的地方写入变量名即可调用变量
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:22
阅读量:62
阅读量:75
阅读量:39
阅读量:47