阅读更多

12顶
0踩

Web前端

原创新闻 W3C 发布 CSS Variables 首个公开草案

2012-04-12 17:10 by 副主编 wangguo 评论(7) 有5848人浏览
W3C(World Wide Web Consortium,万维网联盟)的CSS工作组近日发布了CSS Variables(CSS 变量)的首个公开工作草案。

如果在样式表中经常使用某个值(比如某个颜色或页面背景颜色的值),可以将其定义为变量,只需更改该变量的值,即可更新整个样式表,而无需逐个更改每个样式规则。自从1998年CSS Level 2 Recommendation发布以来,Web开发者社区就建议制定CSS定义变量的标准方式。


本草案包含了CSS变量定义的一般约定,并引入了一系列用户自定义的、已知的公共属性作为变量属性,这允许开发者从中选择属性名称,并分配值。

这使得阅读大型CSS文件更加容易,因为看似随意的值现在有了确切的名称(含义),编辑这些文件也更加容易且不易出错,只需改变一个值,就可以应用到整个站点。

W3C表示,该规范目前还处于起步阶段,刚刚开始实施,并欢迎开发者提交关于功能和语法上的反馈。

CSS Variables草案:http://www.w3.org/TR/css-variables/
  • 大小: 5.9 KB
12
0
评论 共 7 条 请登录后发表评论
7 楼 lnkToKing 2012-04-17 11:19
1204746264 写道
别搞得太复杂了,要是把浏览器标准搞好还差不多,现在搞前端开发的恨死那些不兼容的浏览器了。。。

深度表示同意,一些布局本来很容易搞定的,搞个兼容有时候就要搞上半天,恨死了
6 楼 achun 2012-04-13 14:33
我一直认为写html,css的工作也叫程序员
因为html,css有语法标准,有兼容性,有创造,有逻辑
世界工人的第一个程序员Ada就是整理文档的.
W3C 这几年很给力.
5 楼 1204746264 2012-04-13 12:41
别搞得太复杂了,要是把浏览器标准搞好还差不多,现在搞前端开发的恨死那些不兼容的浏览器了。。。
4 楼 xfjt297857539 2012-04-13 12:26
Good....
3 楼 hantsy 2012-04-13 11:11
靠,这是 Less 框架做的事情吗
2 楼 liu78778 2012-04-13 08:35
纳尼!。。那不是需要一个编译器了。。
1 楼 mengyancui 2012-04-12 19:19
这个很好很强大!   

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用CSS切换不同背景的字体颜色

    曾经获得其中的一个,“我可以使用CSS做到这一点!” 看着某人展示自己JavaScript肌肉的片刻? 这正是我在CSSconf EU 2018上观看Dag-Inge Aas和Ida Aalen演讲时的感受 。 他们设在挪威, WCAG的可访问性不仅是一种...

  • 24个CSS新特性,不容错过!

    @argyleink在第四次伦敦CSS活动(LondonCSS 2020)[1]中分享了一个有关于CSS特性相关的话题。本文基于该PPT,整理了近24个CSS方面的新特性,分为Web动效...

  • 怎么学好html5和css3,如何提高你的CSS水平

    首先让我提醒你,css是极其简单的一门语言,简单到可以用三个词概括:选择器,属性以及属性的值。这也是一些人不喜欢css的原因:他们觉得写css像孩子玩乐高玩具一样简单。是这样的。。如果你给一个9岁的孩子介绍css...

  • css变量_CSS变量

    css变量Weeee, CSS variables just landed in WebKit, this is pretty exciting! Weeee,CSS变量仅位于WebKit中 ,这非常令人兴奋! Unfortunately I couldn't see them in action in WebKit nightly (must be ...

  • 2020不容错过!24个CSS新特性来了

    简介:@argyleink在第四次伦敦CSS活动(LondonCSS 2020)[1]中分享了一个有关于CSS特性相关的话题。本文基于该PPT,整理了近24个CSS方面的新特性,分为Web动效 、Web排版 、Web性能 、 Web可访问性 、 Web美化和其他...

  • 超实用的css代码段_快速启动您的项目:便捷CSS代码段集合

    超实用的css代码段 In one of the previous articles “Basic Ready-to-Use CSS Styles”, we saw how we could create a suite of classes to help the design process while making a website....

  • 前端面试题(一)(CSS篇)建议收藏,持续更新中...

    一个选择器(例如:BODY,P等)和写在花括号里的声明,这些声明通常是由几组用分号分隔的属性和值组成。 body{ color:red; } 【CSS】 圣杯布局和双飞翼布局的理解和区别,并用代码实现 一: section{height: ...

  • CSS变量试玩儿

    CSS很美妙,能够为您的页面穿上衣裳,各种各样五彩斑斓的衣裳,但是对于开发者来说,它又不够灵动,于是乎有了各种各样的预处理器Sass、LESS、Stylus,这些预处理器可以很大程度的提高CSS的灵活性,增强CSS的代码...

  • css怎样调用css函数_CSS Math函数入门4级

    功能符号是CSS值和单位模块的一部分 ,它也是有用的数学函数(如calc()以及4级min()和max()的所在地。 这些强大的功能为需要CSS内的数学逻辑功能CSS... 功能符号是W3C CSS值和单位模块的九个父节之一(准确地说是...

  • 2019年,是否可以抛弃 CSS 预处理器?

    随着前端工程化的不断完善,CSS 预处理器已经成为项目中不可缺少的部分,很多人在项目技术选型阶段就会先选择一个 CSS 预处理器,绝大部分前端工程的脚手架也内置了一系列的...

  • DarkMode(2):深色模式解决方案——css颜色变量实现Dark Mode

    暗黑模式实现,最初的设计,就是参考之前的主题模式。所谓多套主题/配色/皮肤,就是我们很常见的换肤功能。换肤简单的实现就是更换 css实现不同样式呈现不同肤色。... 配置多个主题颜色配置 利用grunt/gulp/webpac

  • 深色模式适配指南

    本文首发于政采云前端团队博客:深色模式适配指南https://www.zoo.team/article/dark-theme背景随着 iOS 13 的发布,深色模式(Dark Mode)...

  • 2020年你不应该错过的CSS新特性

    @argyleink在第四次的伦敦(LondonCSS 2020)CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT,里面有些新东西还是蛮有意思的。基于该PPT,...

  • 【Web技术】935- 深色模式适配指南

    ???? 这是第 65 篇不掺水的原创,想要...CSS 变量除了 IE,其余各大浏览器都支持的比较好,但 prefers-color-scheme 方法还处于 W3C 草案规范,需要对不兼容浏览器做向下兼容,具体浏览器兼容性可以查询 Can I Use ...

  • 学习提高你CSS技术的法则

    Giraudel的《LEARNING PRINCIPLES FOR IMPROVING YOUR CSS》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:...

  • 我的第一个C#小程序之简单音乐播放器1731655933.html

    我的第一个C#小程序之简单音乐播放器1731655933.html

  • 练习springboot1 项目 模拟高并发秒杀,实现基本的登录、查看商品列表、秒杀、下单等功能,简单实现了系统缓存、降级和限流

    练习springboot1 项目 模拟高并发秒杀,实现基本的登录、查看商品列表、秒杀、下单等功能,简单实现了系统缓存、降级和限流。SpringBoot + MyBatis + MySQL+Druid + Redis + RabbitMQ + Bootstrap + jQue….zip

  • html常规学习.zip资源资料用户手册

    html常规学习.zip资源资料用户手册

  • ASP+ACCESS论坛的设计与实现(论文+源代码+开题报告)(源代码+论文+说明文档).zip

    【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。

  • HTML转PDF py脚本

    HTML转PDF py脚本

Global site tag (gtag.js) - Google Analytics