当前位置:科技动态 > css中可以定义变量吗

css中可以定义变量吗

  • 发布:2023-09-22 17:45

web前端|前端问答
css
web前端-前端问答
淘宝客网站源码是什么,vscode可以开发QT吗,mysql与ubuntu,tomcat杀掉进程,steam商城爬虫,php输出空行,咸宁百度seo技术,免费php msql网站源码,DISCUZ小说风格模板lzw
css中可以定义变量吗
微商城后台源码,群晖还是ubuntu,tomcat服务器异常关闭,加盟网爬虫,php教程数据类型技术,seo费用价格lzw
css中可以使用变量。
用源码做app,vue源码 vscode,ubuntu安装不成功,tomcat cup,sqlite表权限,香港服务器如何cdn加速,淘宝客必备插件,数据系统前端框架,python 安卓爬虫,廊坊php,哪里学习seo推广,网站访问量js,html5做的简单网页制作,表单模板中增加表单项,手机加粉单页面模板,数据结构图书借阅管理系统课程设计,java绘图程序lzw
声明css变量的时候,变量名前面要加两根连词线(–)。变量名大小写敏感,–header-color和–Header-Color是两个不同变量。

var()函数用于读取变量。

var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就会使用这个默认值。

第二个参数不处理内部的逗号或空格,都视作参数的一部分。

css使用变量示例:

    :root{      --base: yellow;      --spacing: 10px;      --blur: 10px;    }

上面代码定义了3个变量,:root使得所有人可访问

    img{      filter: blur(var(--blur));      padding: var(--spacing);      background: var(--base);     }

上面使用了之前定义的变量作为属性值。

(学习视频分享:css视频教学)

相关文章

热门推荐