CSS定义变量参数

简介: CSS定义变量参数

CSS定义变量参数

可以方便的对一个参数进行修改,就全部相同时候的位置进行更改,不用繁琐的进行删除!

代码

定义变量参数:

:root{
    --xh-background-color-white: #FFFFFF;
}

使用变量参数:

background-color: var(--xh-background-color-white);
其中 【--xh-background-color-white】是自定义的变量名称;

相关文章
|
23天前
|
前端开发 开发者
CSS变量,也被称为CSS自定义属性或级联变量
【4月更文挑战第7天】CSS变量,也被称为CSS自定义属性或级联变量
25 3
|
23天前
|
前端开发
CSS中颜色的定义
CSS中颜色的定义
31 0
|
23天前
|
前端开发 JavaScript
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
|
9天前
|
存储 前端开发 JavaScript
css的变量和自定义变量概念
css的变量和自定义变量概念
|
23天前
|
前端开发
【专栏:CSS进阶篇】CSS变量与预处理器(Sass/Less)
【4月更文挑战第30天】本文探讨了CSS变量和预处理器Sass的使用,以提升开发效率和代码可维护性。CSS变量通过--*语法定义,可在文档范围内重用,减少冗余,提高可维护性。Sass预处理器引入了变量、嵌套规则、混合和函数等特性,使CSS编写更简洁、可维护。Sass变量使用$符号定义,支持嵌套规则和混合,如定义border-radius混合以减少重复代码。Sass的高级功能使其成为强大工具。
|
23天前
|
前端开发
CSS的语法是用来定义网页中元素样式的规则集合
【4月更文挑战第6天】CSS的语法是用来定义网页中元素样式的规则集合
20 5
N..
|
23天前
|
前端开发
CSS定义的基本语法
CSS定义的基本语法
N..
10 1
|
23天前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
23天前
|
前端开发 JavaScript
|
23天前
|
前端开发
css中也可以使用变量了?
css中也可以使用变量了?