阅读更多

12顶
0踩

Web前端

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

2012-04-12 17:10 by 副主编 wangguo 评论(7) 有5912人浏览
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》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:...

  • OFDM、OOK、PPM、QAM 的误码率模拟【绘制不同调制方案的误码率曲线】附Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • 8c71b76fb2ec10cf50fc6b0308d3dcfc_9545878e2b97a84b2e089ece58da9e82.png

    8c71b76fb2ec10cf50fc6b0308d3dcfc_9545878e2b97a84b2e089ece58da9e82

  • Android SO逆向-对象的拷贝构造函数.pdf

    Android逆向过程学习

  • 基于S7-200 PLC的糖果包装控制系统设计与实现

    内容概要:本文详细介绍了基于西门子S7-200 PLC的糖果包装控制系统的设计与实现。首先阐述了PLC在工业自动化领域的优势及其在糖果包装生产线中的重要性。接着深入探讨了系统的硬件连接方式,包括传感器、执行机构与PLC的具体接口配置。随后展示了关键的编程实现部分,如糖果计数、包装执行、送膜控制、称重判断以及热封温度控制等具体梯形图代码片段。此外,还分享了一些实用的经验技巧,如防止信号抖动、PID参数优化、故障诊断方法等。最后总结了该系统的优势,强调其对提高生产效率和产品质量的重要作用。 适合人群:从事工业自动化控制、PLC编程的技术人员,尤其是对小型PLC系统感兴趣的工程师。 使用场景及目标:适用于糖果制造企业,旨在提升包装生产线的自动化程度,确保高效稳定的生产过程,同时降低维护成本并提高产品一致性。 其他说明:文中不仅提供了详细的理论讲解和技术指导,还结合实际案例进行了经验分享,有助于读者更好地理解和掌握相关知识。

  • PLC与WinCC实现三部十层电梯协同控制及优化技巧

    内容概要:本文详细介绍了参与西门子杯比赛中关于三部十层电梯系统的博图V15.1程序设计及其WinCC画面展示的内容。文中不仅展示了电梯系统的基本架构,如抢单逻辑、方向决策、状态机管理等核心算法(采用SCL语言编写),还分享了许多实际调试过程中遇到的问题及解决方案,例如未初始化变量导致的异常行为、状态机遗漏空闲状态、WinCC画面动态显示的挑战以及通信配置中的ASCII码解析错误等问题。此外,作者还特别提到一些创意性的设计,如电梯同时到达同一层时楼层显示器变为闪烁爱心的效果,以及节能模式下电梯自动停靠中间楼层的功能。 适合人群:对PLC编程、工业自动化控制、电梯调度算法感兴趣的工程技术人员,尤其是准备参加类似竞赛的学生和技术爱好者。 使用场景及目标:适用于希望深入了解PLC编程实践、掌握电梯群控系统的设计思路和技术要点的人士。通过学习本文可以更好地理解如何利用PLC进行复杂的机电一体化项目的开发,提高解决实际问题的能力。 其他说明:文章风格幽默诙谐,将严肃的技术话题融入轻松的生活化比喻之中,使得原本枯燥的专业知识变得生动有趣。同时,文中提供的经验教训对于从事相关领域的工作者来说非常宝贵,能够帮助他们少走弯路并激发更多创新思维。

Global site tag (gtag.js) - Google Analytics