首页 > 其他分享 >css变量声明使用

css变量声明使用

时间:2023-04-11 16:00:10浏览次数:37  
标签:变量 width -- color 使用 var 声明 css

今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性,增加样式代码的扩展性和灵活性

简单使用:

<style>
:root {
    --color:#000;
    --width:200px;  
 
}
body {
    color : var(--color);
    width:var(--width);
}
</style>

具体使用:参:https://www.jianshu.com/p/cd583e30719d

标签:变量,width,--,color,使用,var,声明,css
From: https://www.cnblogs.com/fkcqwq/p/17306520.html

相关文章

  • spring声明式事务(XML格式)
             ......
  • CSS 实现垂直居中的5种方法
    方法1:使用绝对定位和负外边距对块级元素进行垂直居中      优点:兼容不错。缺点:必须提前知道被居中块级元素的尺寸.father{width:300px;height:300px;background-color:red;position:relative;......
  • java环境变量
    右键我的电脑-属性-高级系统设置-环境变量  在箭头标识那里进行环境变量点击新建-变量名:JAVA_HOME  变量值:自己安装jdk的路径如(D:\program\ljyjdk8) 最后找到Path这行-编辑-新建 新建值为%JAVA_HOME%\bin......
  • 【学习笔记】HTML+CSS
    HTMLHTML教程简介编辑器基础元素属性标题段落文本格式化链接头部CSS图像表格列表区块布局表单和输入1、意义:用于收集用户的输入信息表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到Web服务器一个文本字段的默认宽度是20个字符2、form......
  • Element Plus错误警告 | Popper: Detected CSS transitions on at least one of the f
    这个错误的解决方案如下:1.禁用"computeStyles"修饰符的adaptive选项:这将允许平滑过渡,但可能会降低性能。禁用"computeStyles"修饰符的adaptive选项,可以在创建Popper实例时指定modifiers参数,并将computeStyles的adaptive属性设置为false。示例如下:import{c......
  • CSS 属性 选择器
     具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。属性选择器下面的例子是把包含标题(title)的所有元素变为蓝色:实例[title]{color:blue;}https://www.lekaowang......
  • java配置环境变量采坑
    用几年java了,环境变量还要采坑注意图中JAVA_HOME最后那个“;”,打开之后编辑环境变量的列表里是没有的,你得点击编辑文本把它删了......
  • css强制换行 css强制不换行的css方法
    以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。用CSS实现表格单元格数据自动换行或不......
  • css 清楚浮动的4种办法
    1、浮动:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。         由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样2、我们使用position:fixed,absolute和float都会造成浮动效果。3、clear属......
  • C语言变量范围,打印格式
    int:               -2147483648~2147483647long:             -2147483648~2147483647           2147483647:linux2038问题    打印格式%ld   unsignedlong %lulonglong:    ......