CSS变量声明方法,CSS调用变量方法

 时间:2024-10-12 17:03:59

1、/*声明变量*/@nice-blue: #5B83AD;说明:1、以@开头2、:前面@后面是变量名,只能以字母开头,可以中间包含数字,或以数字结尾,中间可以有_下划线,不能用下划线结尾3、:冒号后面;分号前面是变量值

CSS变量声明方法,CSS调用变量方法

2、/*加变量*/@light-blue: @nice-blue + #111;说明:可以加法运算,需要谨遵格式“变量=变量+值”

CSS变量声明方法,CSS调用变量方法

3、/*减变量*/@light-blue: @nice-blue - #111;说明:可以减法运算,需要谨遵格式“变量=变量-值”

CSS变量声明方法,CSS调用变量方法

4、/*乘变量*/@light-blue: @nice-blue * #111;说明:可以乘法运算,需要谨遵格式“变量=变量*值”

CSS变量声明方法,CSS调用变量方法

5、/*除变量*/@light-blue: @nice-blue / #111;说明:可以除法运算,需要谨遵格式“变量=变量/值”

CSS变量声明方法,CSS调用变量方法

6、/*引用变量*/#header { color: @light-blue; }说明:直接在需要使用变量的地方写入变量名即可调用变量

CSS变量声明方法,CSS调用变量方法
  • 如何使用CSS3新增属性overflow-wrap控制字换行
  • 魔力宝贝归来如何购买宠物口粮
  • 窗口置父(SetParent)后找不到子窗口怎么办
  • Python使用List实现栈
  • 颜色选择器bootstrap-colorpicker的使用
  • 热门搜索
    山西旅游公司 国际旅游节 平安旅游险 欢途旅游网 5月去哪里旅游最好 河南信阳旅游景点 元旦旅游 去日本旅游注意事项 六盘山旅游 大溪地旅游价格