zh-hans W3C - Cascading Style Sheets (CSS) Working Group The mission of the group is to develop and maintain CSS. Thu, 25 Dec 2025 04:46:32 +0000 Laminas_Feed_Writer 2 (https://getlaminas.org) https://www.w3.org/groups/wg/css/ W3C更新“CSS颜色调整模块第1级”候选推荐标准 Tue, 16 Dec 2025 08:24:00 +0000 https://www.w3.org/zh-hans/news/2025/updated-candidate-recommendation-css-color-adjustment-module-level-1/ https://www.w3.org/zh-hans/news/2025/updated-candidate-recommendation-css-color-adjustment-module-level-1/

W3C的CSS工作组更新CSS颜色调整模块第1级(CSS Color Adjustment Module Level 1)候选推荐标准快照,并征集参考实现。该模块引入了一种模型和相应的控制机制,用于规范用户代理(user agent)对自动颜色调整的处理,以满足用户偏好,例如“深色模式”、对比度调整或特定的期望配色方案。

欢迎2026年2月16日前通过GitHub issues提交反馈。

]]>
0
首个公开工作草案:CSS背景模块第四级 Tue, 25 Nov 2025 06:26:00 +0000 https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-backgrounds-module-level-4/ https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-backgrounds-module-level-4/

W3C CSS工作组发布CSS背景模块第四级(CSS Backgrounds Module Level 4)规范的首个公开工作草案。该模块包含了CSS中关于页面元素背景样式的相关功能特性。

CSS是一种用于描述结构化文档(如HTML和XML)在屏幕、纸张等媒介上如何呈现的语言。

]]>
0
小组备忘:CSS规范快照2025 Tue, 09 Sep 2025 07:18:00 +0000 https://www.w3.org/zh-hans/news/2025/group-note-css-snapshot-2025/ https://www.w3.org/zh-hans/news/2025/group-note-css-snapshot-2025/

W3C CSS工作组发布CSS快照2025版(CSS Snapshot 2025小组备忘。文档汇总了截至2025年目前构成层叠样式表(CSS)现行标准的所有规范。该文档主要面向CSS技术实现者而非CSS内容创作者,其收录标准模块的依据是规范稳定性而非浏览器支持率。

CSS是描述标记文档(例如 HTML、XML 等)在屏幕、纸张等载体上如何呈现的语言。

]]>
0
首个公开工作草案:CSS边框与盒子装饰模块(第四级) Tue, 22 Jul 2025 06:40:00 +0000 https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-borders-and-box-decorations-module-level-4/ https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-borders-and-box-decorations-module-level-4/

W3C CSS工作组发布CSS边框与盒子装饰模块第四级(CSS Borders and Box Decorations Module Level 4)的首个公开工作草案。该模块包含了CSS中与页面盒模型边框及装饰效果相关的特性。

]]>
0
W3Cx平台推出“CSS基础”新课程 Tue, 10 Jun 2025 11:22:00 +0000 https://www.w3.org/zh-hans/news/2025/new-session-of-the-w3cx-course-on-css-basics/ https://www.w3.org/zh-hans/news/2025/new-session-of-the-w3cx-course-on-css-basics/

W3C今天在W3Cx平台推出全新课程——CSS基础,带你运用CSS的强大功能,让网页从平淡无奇变得精彩出众。本课程隶属于W3C的“前端Web开发者”专业认证课程体系。

在这门自主进度的课程中,我们将循序渐进地指导学习者运用最新Web标准,以专业水准构建网站内容与呈现效果。课程将系统讲解CSS各项功能特性,帮助学习者全面掌握网站视觉风格的控制方法,重点涵盖色彩、字体和排版布局等核心内容。完成本课程后,学习者不仅可以深入理解CSS基础原理,更能将这些知识灵活运用于实际开发。

注册课程后,学习者可选择免费学习(限时5周),或选择付费升级获得无限期课程访问权限、专业作业评估与反馈,以及W3Cx认证证书。

]]>
0
首个公开工作草案:CSS函数与混入模块 Thu, 15 May 2025 13:37:00 +0000 https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-functions-and-mixins-module/ https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-functions-and-mixins-module/

W3C CSS工作组发布CSS函数与混入模块(CSS Functions and Mixins Module)首个公开工作草案。该模块为作者提供了定义自定义函数的能力,行为类似于参数化的自定义属性。这些函数可完整运用CSS的值计算与条件规则。同时,该模块初步定义了CSS规则混入(mixins)机制,允许将参数化的完整属性块替换注入到其他规则中。

]]>
0
首个公开工作草案:CSS间隙装饰模块 Thu, 17 Apr 2025 06:28:00 +0000 https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-gap-decorations-module-level-1/ https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-gap-decorations-module-level-1/

W3C CSS工作组发布CSS间隙装饰模块(CSS Gap Decorations Module Level 1)首个公开工作草案。该模块引入了若干属性,用于为网格(grid)和弹性盒子(flex)等容器布局类型添加行与列间隙的装饰效果。

]]>
0
首个公开工作草案:CSS表单控件样式模块 Tue, 25 Mar 2025 07:31:00 +0000 https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-form-control-styling-level-1/ https://www.w3.org/zh-hans/news/2025/first-public-working-draft-css-form-control-styling-level-1/

W3C CSS工作组发布CSS表单控件样式模块(CSS Form Control Styling Level 1)首个公开工作草案。该CSS模块定义了多种样式化表单控件及其不同组成部分的方法。

]]>
0
小组备忘:CSS规范快照2024 Tue, 25 Feb 2025 07:40:00 +0000 https://www.w3.org/zh-hans/news/2025/css-snapshot-2024-published-as-w3c-group-note/ https://www.w3.org/zh-hans/news/2025/css-snapshot-2024-published-as-w3c-group-note/

W3C CSS工作组发布CSS规范快照2024。文档汇总了截至2024年构成CSS的所有规范的合集。该文档的定义是根据规范稳定性来汇总模块,而非Web浏览器的采用率,因此该文档的主要受众是CSS的实现者而非CSS作者。

最开始,所有的CSS都包含在一份CSS Level 1文档中。到CSS Level 2已经是一个相当庞大的文档了,也是包含多个章节的单一文档。之后,工作组决定采用模块化的方式将CSS分解,将其转化为包含一系列更小规范的合集,并称它们为 “模块(module)”,每个模块定义CSS的一部分。这种方式将规范分解成更容易管理的部分,并允许对CSS进行更及时的、渐进的改进。

由于不同的CSS模块具有不同的稳定性级别,CSS工作组选择发布这份快照文档来定义截至2024年CSS规范的范围和状态。

]]>
0
首个公开工作草案:CSS显示模块第四级 Thu, 19 Dec 2024 06:13:00 +0000 https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-display-module-level-4/ https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-display-module-level-4/

W3C CSS工作组发布CSS显示模块第四级(CSS Display Module Level 4)的首个公开工作草案。该模块描述了如何从文档元素树生成CSS格式化盒子树(box tree),并定义了控制该过程的display属性。

]]>
0
首个公开工作草案:CSS颜色HDR模块 Tue, 17 Dec 2024 05:27:00 +0000 https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-color-hdr-module-level-1/ https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-color-hdr-module-level-1/

W3C CSS工作组发布CSS颜色HDR模块(CSS Color HDR Module Level 1)的首个公开工作草案。CSS Color 4规范为开放Web平台添加了广色域(Wide Color Gamut简称WCG)颜色空间。根据设计,这些都是标准动态范围( Standard Dynamic Range简称SDR)颜色空间。CSS颜色HDR模块定义了支持高动态范围(High Dynamic Range简称HDR)的扩展功能。

]]>
0
首个公开工作草案:CSS滚动捕获模块第二级 Tue, 23 Jul 2024 07:34:00 +0000 https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-scroll-snap-module-level-2/ https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-scroll-snap-module-level-2/

W3C CSS工作组发布CSS滚动捕获模块第二级(CSS Scroll Snap Module Level 2)规范的首个公开工作草案。该模块包含使用“捕获位置”控制平移和滚动行为的功能。

CSS是描述标记文档(例如 HTML、XML 等)在屏幕、纸张等载体上如何呈现的语言。

]]>
0
W3C 更新 CSS 包含模块推荐标准 Tue, 25 Jun 2024 09:32:00 +0000 https://www.w3.org/zh-hans/news/2024/updated-w3c-recommendation-css-containment-module-level-1/ https://www.w3.org/zh-hans/news/2024/updated-w3c-recommendation-css-containment-module-level-1/

W3C CSS 工作组更新 CSS 包含模块(CSS Containment Module Level 1)推荐标准,新版标准整合了自2022年版规范发布以来所做的修改。该模块定义了contain 属性,用于表明该元素的子树独立于页面其余部分。若使用得当,该规范可实现用户代理(UA)的重度优化。

]]>
0
首个公开工作草案:CSS 视口模块 Thu, 25 Jan 2024 03:30:00 +0000 https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-viewport-module-level-1/ https://www.w3.org/zh-hans/news/2024/first-public-working-draft-css-viewport-module-level-1/

W3C CSS 工作组发布 CSS 视口模块(CSS Viewport Module Level 1)的首个公开工作草案。该规范为作者提供了一种方法,从而在 CSS 中指定用作初始包含块基础的视口的大小、缩放系数和方向。

CSS 是描述标记文档(例如 HTML、XML 等)在屏幕、纸张等载体上如何呈现的语言。

]]>
0
W3C 候选推荐标准: CSS 视图过渡模块 Tue, 05 Sep 2023 02:00:00 +0000 https://www.w3.org/zh-hans/news/2023/w3c-invites-implementations-of-css-view-transitions-module-level-1/ https://www.w3.org/zh-hans/news/2023/w3c-invites-implementations-of-css-view-transitions-module-level-1/

W3C CSS 工作组 发布 CSS 视图过渡模块(CSS View Transitions Module Level 1)候选推荐标准,并征集参考实现。该 CSS 模块定义了视图过渡 API 以及相关的属性和伪元素,允许开发人员创建表示文档状态变化的动画视觉转换。

欢迎于2023年12月5日前,通过 GitHub 反馈对该规范文档的意见与建议。

]]>
0
首个公开工作草案:CSS 锚点定位 Thu, 29 Jun 2023 03:00:00 +0000 https://www.w3.org/zh-hans/news/2023/first-public-working-draft-css-anchor-positioning/ https://www.w3.org/zh-hans/news/2023/first-public-working-draft-css-anchor-positioning/

W3C CSS 工作组发布 CSS 锚点定位规范(CSS Anchor Positioning)的首个公开工作草案。该规范定义了“anchor positioning”,允许定位元素(如提示框或弹出脚注)相对于页面其他位置的一或多个“锚点元素”调整自身的大小和位置。由于锚点元素在页面上可以具有任何大小或位置,因此还定义了一个灵活的回退方案,从而尝试一系列规则,直到找到一个不会导致定位元素溢出其包含块的规则。

]]>
0
W3C 推荐标准:CSS 盒模型模块(第三版) Thu, 06 Apr 2023 16:48:00 +0000 https://www.w3.org/zh-hans/news/2023/css-box-model-module-level-3-is-a-w3c-recommendation/ https://www.w3.org/zh-hans/news/2023/css-box-model-module-level-3-is-a-w3c-recommendation/

2023年4月6日,W3C CSS 工作组发布 CSS 盒模型模块第三版(CSS Box Model Module Level 3)正式推荐标准。该规范描述了在 CSS 盒子内及周围创建间距的外边距(margin)和内边距(padding)属性。

[注] W3C 正式推荐标准(W3C Recommendation)是基于广泛共识且获得 W3C 及其会员一致认可的技术规范,是 W3C 推荐广泛部署的 Web 标准,并依据《W3C 免版税专利政策》免费开放给公众使用。

]]>
0
W3C 更新 CSS 显示模块候选推荐标准 Thu, 30 Mar 2023 09:01:00 +0000 https://www.w3.org/zh-hans/news/2023/updated-candidate-recommendation-css-display-module-level-3/ https://www.w3.org/zh-hans/news/2023/updated-candidate-recommendation-css-display-module-level-3/ 0 首个公开工作草案:CSS 动画规范(第二版) Thu, 02 Mar 2023 03:46:00 +0000 https://www.w3.org/zh-hans/news/2023/first-public-working-draft-css-animations-level-2/ https://www.w3.org/zh-hans/news/2023/first-public-working-draft-css-animations-level-2/

W3C CSS 工作组发布 CSS 动画第二版规范(CSS Animations Level 2)的首个公开工作草案。这个 CSS 模块描述了作者使用关键帧(keyframes)随时间对 CSS 属性值进行动画处理的方法。可以通过指定持续时间、重复次数和重复行为来控制这些关键帧动画的行为。

[注] 首个公开工作草案First Public Working Draft)为一份技术文档首个公开发布的版本,在此阶段需依据《W3C 专利政策》进行相关专利披露。

]]>
0
征集审阅意见:W3C 发布 CSS 盒子模型模块第三版规范的提案推荐标准 Thu, 16 Feb 2023 09:07:00 +0000 https://www.w3.org/zh-hans/news/2023/call-for-review-css-box-model-module-level-3-is-a-w3c-proposed-recommendation/ https://www.w3.org/zh-hans/news/2023/call-for-review-css-box-model-module-level-3-is-a-w3c-proposed-recommendation/ W3C CSS 工作组发布 CSS 盒子模型模块第三版规范(CSS Box Model Module Level 3)的提案推荐标准。该规范描述了 margin 和 padding 属性,用于在 CSS 盒子内和周围创建间距。

[注] W3C 提案推荐标准(Proposed Recommendation 简称 PR)是已具备足够条件可成为 W3C 正式推荐标准的规范。文档已经过开发者、W3C 工作小组以及相关方的审查。在其成为正式推荐标准前,W3C 会员将对规范进行最终审阅。

欢迎于2023年3月16日前反馈对文档的意见与建议。

]]>
0
‘CSS X’ Mon, 16 Mar 2020 13:58:00 +0000 https://www.w3.org/zh-hans/blog/2020/css-x/ https://www.w3.org/zh-hans/blog/2020/css-x/  Bert Bos https://www.w3.org/zh-hans/blog/2020/css-x/#comments  Bert Bos

[以下内容同时发布在“W3C资讯”微信公众号] CSS 的开发大致始于25年前,当时最初的设想是为偶尔带有图片的单列文本提供一些简单好用的样式。事实证明该技术十分受欢迎,它不但足够灵活而且使用范围也可以更广。 也是从那时起,我们开始不断地为 CSS 添加新功能。 现在的 CSS 已经可以应对多列、垂直文本、斜线文本、图形用户界面的布局、图像操作、动画、按键及鼠标交互等各类需求。

1996年 CSS 被首次标准化以来,操作系统已经有十几个版本甚至更多,浏览器也经历了几十个版本的更迭。不少浏览器如今已经消逝,新的浏览器又不断出现。 CSS 也随之成长,但至今依然被称为 CSS。

有人认为存在着几个营销方面的问题。 W3C 从未大张旗鼓地隆重宣布 “CSS X” 已经具备的全部强大新功能。印象中 CSS 总在不定期地一点点增加新特性,可能很多人都未曾留意到。许多 Web 开发者也因时间或兴趣原因,不能实时关注 W3C 或各类软件制造商去了解 CSS 的新特性,他们可能是之后才偶然地留意到。对于想要推销自己的 Web 开发者来说也有问题:他们在简历中写些什么? 倘若写 “CSS专家” 其实很可能意味着十年前的 CSS。 

在我们探讨是否有应对方案之前,让我们先来看看 CSS 的版本历史。

The original goal for CSS was to create a technology that provided good typography for simple documents.

正如上面提到的,1995年左右对 CSS 的最初设想是创建一项技术,为 Web 上的简单文档(例如 HTML 格式)提供好用的样式。尽管十分简单,但是与传统的文档布局相比,它对早期的 Web 浏览器来说还是一个挑战。 因此,我们在1996年率先对一小部分子集进行了标准化,并将其命名为第一版(level 1)。完整的 CSS 于两年后问世,即第二版(level 2)。

CSS 第二版实际上仍未达到最初的设想,这主要是由于浏览器遇到的困难比预期的要多(起初的主要版本甚至没有数据结构来存储文档树。而且由于担心破坏重要的网站,它们有着无法修复的 bug)。 然而无论如何 CSS 仍然很受欢迎,人们要求添加更多的特性。结果表明,语法和级联与继承系统可以支持更多的版式功能,且不会产生太多问题。

但 CSS 第二版规范已经是一个相当庞大的文档了,它分布在20多个 HTML 文件中。尽管有些新功能很简单,同时也有些功能似乎还需要更多研究。基于这些原因,工作组决定将 CSS 分解,将其转化为包含一系列更小规范的合集,并称它们为 “模块(module)”。每个模块各自包含一小部分关联属性或其他特性(selectors、@-rules等),且尽可能不依赖于其他模块。这意味着各模块可以按其自己的速度发展。此外,每个模块都足够小到可以放在一个 HTML 文件中,这使编辑和发布变得更加容易。

The full set of modules of CSS now includes everything from modules that are still level 1 to modules that are already level 5.

如此一来,CSS 被划分成了 “选择器”、“背景和边框”、“字体” 等模块。随着时间的推移,又添加了 “书写模式”、“网格”、“转换” 等新模块。1998年发布的模块在包含第二版(level 2)功能的同时添加了更多新功能,因此该模块被命名为第三版(level 3)。只包含新功能的模块则被命名为第一版(level 1),来表示它们不是任何规范的超集。久而久之,一些模块得到标准化,然后被扩展添加新特性,之后又再被标准化,因此完整的 CSS 模块集(包括已经标准化的和正在开发中的)涵盖了从现在仍是第一版到至今已经是第五版的所有模块。

换言之,整体的 CSS 不再划分 levels。它是一系列规范(模块)的集合,每个模块拥有各自的版本并随着新功能的添加而获得新版本。在任何时候,当前整体的 CSS 都被定义为所有稳定模块的集合。例如,去年12月 “CSS 写作模式第三版” 经历候选推荐标准(CR)最终成为 W3C 正式推荐标准(REC)。在那一刻 CSS 隐式地改变了:它不再是由该模块在 CR 阶段时定义的那样,而是由最新发布的 REC 所定义。但是,没有任何新发布的规范被称为 “CSS”。

这对工作组来说是很好的模式,他们可以随时发布 CSS 新功能,而无需等到不相关的性能就绪。这也适用于规范实施者,他们只需要知道 CSS 由哪些模块组成,且其中哪些模块已经是稳定可被实现的(工作组以 CSS 快照的形式提供这些信息,快照文档每隔一年左右更新一次;工作组页面也列出了小组当前工作)。

The best known sources of implementation status are probably MDN and Can I Use.

这是否适用于使用 CSS 编写样式表的人?工作组很久以前就决定向规范实现者(例如浏览器和软件开发商)提供准确且有用的信息。工作组不会有足够的资源向用户提供同等级别的信息,它没有研究 CSS 的某部分得到了多大范围的实现以及可用于哪些目的。

工作组更关注一项规范是否是可实现的。通常情况下,如果两家独立的软件厂商成功地实现了一项特性,那么就足以证明该特性是可行的。一般围绕一份规范会有两个以上的独立实现,有时也需要一段时间其他软件厂商才会考虑实现该特性。与大多工作组相同,CSS 工作组在规范发布后不会主动跟踪规范的实现情况。幸运的是有其他人在做着这项工作,其中广为人知平台可能是 MDN 和 Can I Use,它们跟踪规范在几个主要浏览器中的实现状态。此外,最好的情况来源是实现了该规范的软件产品本身的文档

‘A tremendous number of books, courses, and conferences were dedicated to CSS3.’

回到为开发人员定义整体 CSS 版本(version)的问题:以何种方式定义才更有用?新版本应该多久定义一次?谁来定义?

CSS 有诸多用途。对移动应用程序和 Web 页面来说可用的属性集是不同的。倘若你是一个用 CSS 布局书籍的出版商,那么可用的属性则又不同。也许应该有不同系列的 CSS 版本用于不同的目的。

要想切实可用,在定义一版 CSS 时,它应该同时得到现实合理的实现,这样开发人员才有必要开始学习这一版本。这反过来又会激励其他软件厂商去实现它。那么“合理的实现”的衡量标准又是什么?

人们认为应该定期发布新版本,但又不希望太过频繁,因为没时间阅读太多的通知消息。人们想要将新版本编辑成书,或是开发相关的报告和课程,这些都需要时间。引用 Chris Coyier 的话:“正如 Jen Simmons 所写,已经有大量专门介绍 CSS3 的书籍、课程和会议”,然而关于什么是 CSS3 还没有定义,工作组显然也从未定义过。

新版本之间的间隔也不应太久,因为如果新特性几年都没被收录,那也将是一种浪费。

至于谁可以定义一个整体的 CSS 版本?CSS 工作组本身似乎很难有时间。Fantasai 建议工作组充当发行者的角色,同时可以有这样一个委员会,成员由 Web 开发者所在的各公司推荐,委员会通过定期会议来决定是否应该开发新版本,以及新版本应该收录什么。近期成立的 CSS4 社区组或许是推动成立这样一个委员会的渠道。

按照 Peter-Paul Koch 的说法,甚至不需要对 “CSS X” 给出精确的定义大概每三年选取一些在此期间添加的新模块,并将它们依次写入相应的 “CSS 4”、“CSS 5” 等版本中。他还认为 CSS X 可以是其中两个新模块,再加上先前版本中的所有内容,以及一组松散定义的其他模块的集合。

更多内容,参见:
* @w3cdevs 介绍了关于 CSS 版本的历史
* Rachel Andrew 在《Smashing》杂志上关于 CSS 版本的总结文章
所有的 CSS 模块列表
 

[以上内容译自 CSS 创始人之一 Bert Bos 的博客文章,原文在这里]

 

]]>
4