对于最新版本的 CSS,工作组决定不采用单一的整体规范,而是将其拆分为单独的文档,称为模块。 每个模块都添加了新功能或扩展了 CSS 版本 2 (CSS2) 中的一些功能。
有些模块已经相当成熟,已经开发了5-10年(可能更久)。 W3C 的完整性级别中有推荐或候选推荐。 这意味着它快完成了。 让我们看看一些更有趣和重要的模块。
选择器
CSS 离不开选择器。 选择器用于设置 HTML 中元素的样式。
该模块包含 CSS 第 1 版 (CSS1) 和 CSS2 中的现有选择器,并通过一些新功能对其进行了扩展。 添加的内容主要是结构伪类,例如 E:empty(匹配空元素)和 E::nth-child(n)(匹配元素的第 n 个子元素)。 还有其他包含否定伪类的新选择器css背景阴影,例如 E:not(s),它否定简单选择器,以及 UI 元素声明伪类,例如 E:enabled 和 E:disabled,它们匹配启用或禁用的元素。
jQuery、Dojo 和 YUI 等流行 JavaScript 库的用户将熟悉新的 CSS 第 3 版 (CSS3) 选择器,因为它们已包含在库的 CSS 选择器引擎中。
颜色
颜色设置 CSS 中与颜色相关的方面css背景阴影,包括透明度和颜色值表示法。 新的颜色值包括红、绿、蓝 + 一个 alpha 通道 (RGBA) 和色调、饱和度、亮度 + 一个 alpha 通道 (HSLA)。
背景和边框
背景和边框定义背景属性,例如背景颜色和背景图像,并定义边框的样式。 该模块中的新功能包括拉伸背景图像、边框图像、框阴影以及网络历史上最需要的功能,圆角框角。
多列布局
多列布局允许开发人员将内容打包到灵活定义的列中。
媒体查询
媒体查询是对 CSS 中的 @media 规则和 HTML 中的媒体属性的增强,添加了显示大小、颜色深度和宽高比等参数。 该模块允许开发人员更具体地将内容设置为不同的大小,以及设置类别中各个设备的功能。
媒体查询在 Ethan Marcotte 的响应式网页设计中发挥着重要作用,该设计是热门文章 A List Apart 和后续书籍的主题。