fe-mindmap

# W3C 标准审核流程

W3C 推荐的每个标准都会经历以下五个阶段：

  1. 首次发布的工作草案（FPWD，First Public Working Draft）
  2. 修订版工作草案（WD，Working Draft）
  3. 候选推荐（CR，Candidate Recommendation）
  4. 提议推荐（PR，Proposed Recommendation）
  5. 推荐标准（REC，Recommendation）

其中候选推荐（CR）阶段，标准文档还可能发生进一步的修改，但此时重大的特性大部分已经锁定。

# CSS 历史

按照 CSS 工作组的说法，CSS 历史上并没有版本的概念，有的只是“级别”(level (opens new window)) 的概念。

CSS 规范，最开始是 CSS level 1，后来迭代到 CSS level 2。但是在更新 CSS2 的时候 W3C 还没有规定上面的五个流程，就导致 CSS2 Bug 很多，后期进行了很多勘误，特别乱，于是工作组迭代了一版 CSS 2.1 修订版（CSS Level 2 Revision 1），主要做了以下工作：

  • 保持 CSS2 中那些已经被广泛接受和实现的部分的兼容性
  • 结合所有已经发布的 CSS2 勘误
  • 对于与 CSS2 规范差异很大的实现，修改规范以适应已经被普遍接受的做法
  • 移除 CSS2 中那些因为没有被实现而被 CSS 社区拒绝的特性，CSS 2.1 旨在反映那些在 HTML 和 XML 语言中被广泛实现的合理特性（不单单是对 XML 语言，或者 HTML）
  • 移除 CSS2 中将被 CSS3 废弃的特性，因此鼓励采用 CSS3 中提出的特性
  • 当实现经验表明 CSS2 需要实现（新特性）时，添加少量的新属性值

后来，随着 CSS 特性越来越多，越来越复杂，CSS 规范的篇幅也越来越长。这就给勘误和进一步升级带来了极大不便。因为文档不同部分升级的进度不可能强求一致。于是，CSS 工作组决定从 CSS 2.1 之后开始采取模块化的路线，每个模块单独勘误和升级。

这里要注意，各模块单独升级并不是指把 CSS 2.1 拆掉了，而是在 2.1 的基础上作补充。每次更新的时候，W3c 会发表一篇文章 (Snapshot)，里面会有对 CSS 组成的官方定义，会标明完整的 CSS 规范由哪几篇文档组成，也就是 完整的 CSS 规范 = CSS 2.1 + n 篇其他规范，其他规范里会写明替换或修改了 2.1 中的哪个部分。

上面截图为 2007 的 Snapshot，标明完整的 CSS 由五篇文档定义！之后的几次更新，文档越来越多。

年份 文档数量
2007 5 😃
2010 6 😃
2015 24 😲
2017 32 😢
2018 20+5+11=36 😭
2020 23+14+6=43 😑
2021 24+13+15=52 🙃

能看到 CSS 发展的如此壮大，真好🙃

W3c 也很贴心，怕你不知道其他的文章，每次你去看 CSS 2.1 规范时，就会温馨提示你：

WARNING

Note: Several sections of this specification have been updated by other specifications. Please, see "Cascading Style Sheets (CSS) — The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace.

注意：本规范的几个部分已被其他规范更新。请参阅最新 CSS 快照中的“级联样式表 (CSS) — 官方定义”以获取规范列表及其替换的部分。

CSS 采取模块化路线后，就有了三种模块，而且它们的命名方式非常值得注意。

  • CSS Level 2 原有模块：比如 Selector、Color 等这些都是从原来 CSS 规范中拆出来的模块。这些模块的命名一开始就会从 Level 3 开始，因为它们都是在 CSS Level 2 的基础之上开始的。
  • 新模块：CSS Level 2 中不存在类似特性的都将作为新增的模块出现，因此它们的命名会从 Level 1 开始。
  • 当然，还有在制定 CSS 2.1 时从 CSS2 中删除的内容。而其中大部分内容都会在 CSS Level 3 中重新制定，一旦它们进入 CR 阶段，就会取代之前对应的内容成为新标准。

# 现在的 CSS 规范

W3c 最新的 Snapshot 文章 (opens new window) 是 2021 年 12 月发布的，标明完整的 CSS 由 51 个规范组成，这 51 个规范分为三类：

  • The Official Definition（官方定义）
  • Fairly Stable（相对稳定）
  • Rough Interoperability（不稳定）

他们各自都包含以下几个模块：

The Official Definition（官方定义）

  • 原有模块（命名直接从 Level 3 开始）
    • CSS Syntax Level 3 [CSS-SYNTAX-3]
    • Media Queries Level 3 [CSS3-MEDIAQUERIES]
    • CSS Conditional Rules Level 3 [CSS-CONDITIONAL-3]
    • Selectors Level 3 [SELECTORS-3]
    • CSS Values and Units Level 3 [CSS-VALUES-3]
    • CSS Box Model Level 3 [CSS-BOX-3]
    • CSS Color Level 3 [CSS-COLOR-3]
    • CSS Backgrounds and Borders Level 3 [CSS-BACKGROUNDS-3]
    • CSS Images Level 3 [CSS-IMAGES-3]
    • CSS Fonts Level 3 [CSS-FONTS-3]
    • CSS Writing Modes Level 3 [CSS-WRITING-MODES-3]
    • CSS User Interface Module Level 3 [CSS-UI-3]
    • CSS Counter Styles Level 3 [CSS-COUNTER-STYLES-3]
    • CSS Cascading and Inheritance Level 4 [CSS-CASCADE-4]([CSS-CASCADE-3] 已被废除)
  • 新模块
    • CSS Style Attributes [CSS-STYLE-ATTR]
    • CSS Namespaces [CSS3-NAMESPACE]
    • CSS Custom Properties for Cascading Variables Module Level 1 [CSS-VARIABLES-1]
    • CSS Multi-column Layout Level 1 [CSS-MULTICOL-1]
    • CSS Flexible Box Module Level 1 [CSS-FLEXBOX-1]
    • CSS Containment Module Level 1 [CSS-CONTAIN-1]
    • CSS Transforms Level 1 [CSS-TRANSFORMS-1]
    • CSS Compositing and Blending Level 1 [COMPOSITING]
    • CSS Easing Functions Level 1 [CSS-EASING-1].

Fairly Stable（相对稳定）

  • 原有模块
    • CSS Display Module Level 3 [CSS-DISPLAY-3]
    • CSS Fragmentation Module Level 3 [CSS-BREAK-3]
    • CSS Box Alignment Module Level 3 [CSS-ALIGN-3]
    • CSS Text Module Level 3 [CSS-TEXT-3]
    • CSS Text Decoration Level 3 [CSS-TEXT-DECOR-3]
    • Media Queries Level 4 [MEDIAQUERIES-4]
    • CSS Color Level 4 [CSS-COLOR-4]
    • CSS Writing Modes Level 4 [CSS-WRITING-MODES-4]
  • 新模块
    • CSS Shapes Module Level 1 [CSS-SHAPES-1]
    • CSS Masking Level 1 [CSS-MASKING-1]
    • CSS Scroll Snap Module Level 1 [CSS-SCROLL-SNAP-1]
    • CSS Speech Module Level 1 [CSS-SPEECH-1]
    • CSS Scrollbars Styling Module Level 1 [CSS-SCROLLBARS-1]

Rough Interoperability（不稳定）

  • 原有模块
    • CSS Font Loading Module Level 3 [CSS-FONT-LOADING-3]
    • CSS Box Sizing Level 3 [CSS-SIZING-3]
    • CSS Lists and Counters Module Level 3 [CSS-LISTS-3]
    • CSS Positioned Layout Module Level 3 [CSS-POSITION-3]
    • CSS Fonts Module Level 4 [CSS-FONTS-4]
  • 新模块
    • CSS Transforms Level 2 [CSS-TRANSFORMS-2]
    • CSS Transitions Level 1 [CSS-TRANSITIONS-1] and CSS Animations Level 1 [CSS-ANIMATIONS-1].
    • CSS Grid Layout Module Level 1 [CSS-GRID-1]
    • CSS Grid Layout Module Level 2 [CSS-GRID-2]
    • CSS Will Change Level 1 [CSS-WILL-CHANGE-1]
    • Filter Effects Module Level 1 [FILTER-EFFECTS-1]
    • CSS Logical Properties and Values Level 1 [CSS-LOGICAL-1]
    • Resize Observer [RESIZE-OBSERVER-1]
    • Web Animations [WEB-ANIMATIONS-1]
    • CSS Color Adjustment Module Level 1 [CSS-COLOR-ADJUST-1]

其中 CSS 2.1 属于 The Official Definition 部分，主要定义了以下内容：

  • 语法和基本数据类型 (Syntax and basic data types)
  • 选择器 (Selectors)
  • 分配属性值、级联和继承 (Assigning property values, Cascading, and Inheritance)
  • 媒体类型 (Media types)
  • 盒模型、border (Box model)
  • 视觉格式化模型 (Visual formatting model)
  • 视觉格式化模型细节 (Visual formatting model details)
  • 视觉效果 (Visual effects)
  • 生成内容、自动编号和列表 (Generated content, automatic numbering, and lists)
  • 分页媒体 (Paged media)
  • 颜色和背景 (Colors and Backgrounds)
  • 字体 (Fonts)
  • 文字 (Text)
  • 表格 (Tables)
  • 用户界面 (User interface)

# 参考

上次更新: 5/15/2022, 6:53:35 PM

← 关键概念 →