教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 286 CSS
CSS变量声明方法，CSS调用变量方法
来源：互联网
2023-03-16 19:17:33 416
CSS是级联样式，大家可能还不知道吧，CSS也可以定义变量，并且调用变量，这样，会不会给我们写样式的时候带来方便呢，下面我介绍一下定义，与调用方法吧
工具/原料
- CSS
方法/步骤
/*声明变量*/@nice-blue: #5B83AD;
说明：
1、以@开头
2、:前面@后面是变量名，只能以字母开头，可以中间包含数字，或以数字结尾，中间可以有_下划线，不能用下划线结尾
3、:冒号后面;分号前面是变量值
/*加变量*/
@light-blue: @nice-blue #111;
说明：
可以加法运算，需要谨遵格式“变量=变量 值”
/*减变量*/
@light-blue: @nice-blue - #111;
说明：
可以减法运算，需要谨遵格式“变量=变量-值”
/*乘变量*/
@light-blue: @nice-blue * #111;
说明：
可以乘法运算，需要谨遵格式“变量=变量*值”
/*除变量*/
@light-blue: @nice-blue / #111;
说明：
可以除法运算，需要谨遵格式“变量=变量/值”
/*引用变量*/
#header { color: @light-blue; }
说明：
直接在需要使用变量的地方写入变量名即可调用变量
注意事项
- 注意格式
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： CSS
上一篇：css如何只设置图片右边框的样式 下一篇：css如何给图片加上两层边框
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 440 CSS
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 285 CSS