CSS WG 概览

[anjia]

整理于 2018.11.19

CSS WG 共有 91 个标准和草案。成熟度涵盖七个：

• 五个：WD CR PR PER REC
• 两个：ret Note

其中，有 53 个是 2017+ 年 还在更新的

• WD 32 个
• CR 16 个
• REC 4 个
• note 1 个 CSS Snapshot 2018
  • snapshot，快照
  • 独立文档，定义了 CSS 的当前状态。只包含了工作组认为稳定的模块
  • 受众是 CSS 实现者，而不是 CSS 使用者

完整在线 PPT CSS 规范导读

---

• 使用&原理
  • display #31
  • image type #33
  • logical properties and values #52
• 好玩的
  • Easing Functions
  • Shadow Parts

[anjia]

2019.2.14 - 至今

• Selectors: L3, L4
• Fonts: L3, L4

---

Selectors Level 3

• 涵盖在 CSS1 和 CSS2 里已存在的、CSS3 里的新选择器，以及可能需要它们的其它语言
• 成熟度
  • REC 2018-11-06
  • PR 2018-09-11
  • CR 2018-01-30
  • REC 2011-09-29
  • PR 2009-12-15
  • Last Call 2009-03-10
  • Last Call 2005-12-15
  • CR 2001-11-13
  • ...

Selectors Level 4

• 成熟度
  • WD 2018-11-21, 2018-02, 2013, 2012
  • FPWD 2011-09-29

CSS Fonts Module Level 3

• 该模块描述了如何指定 font properties、如何动态加载 font resources
  • 本规范的内容，是合并了之前的两个模块 CSS3 Fonts 和 CSS3 Web Fonts
  • font load events 的内容移到了 CSS Font Loading 模块
• 成熟度
  • REC 2018-09-20
  • PR 2018-08-14
  • CR 2018-06-26, 2018-03-15, 2013-10-03
  • LC 2013-07-11
  • WD 2013, 2012, 2011, 2009
  • LC 2002
  • FPWD 2001-07-31

CSS Fonts Module Level 4

• 该规范定义了
  • 修改了现有的 Level3 规范
  • 新增了其它 experimental features
• 成熟度
  • WD 2018-09-20, 2018-04-10
  • FPWD 2017-07-11

[anjia]

2019.2.14 - 至今

CSS Shadow Parts

• 定义了 shadow hosts 上的 pseudo-element ::part()
  • 允许 shadow hosts 有选择地暴露选中的 elements ，以便达到 styling 的目的
  • 是从它们的 shadow tree 暴露到 outside page
• 成熟度
  • FPWD 2018-11-15

CSS Containment Module Level 1

• 此模块描述了contain属性 ~ 元素的子树独立于页面的其余部分
  • user agents 能进行 heavy optimizations，如果使用得当
• 成熟度 ~ 基本稳定
  • CR 2018-11-08, 2017
  • WD 2017-04-19
  • FPWD 2017-02-21

[anjia]

2019.2.14 - 至今

CSS Fragmentation Module Level 4

• 描述了 fragmentation model，将 flow 划分到 pages, columns, 或 regions
  • 是在 Page model 模块的基础上，引入并定义了 fragmentation model
  • 增加了 pagination（分页）功能
  • 打破了 variable fragment size（可变分片大小）、orientation（方向）、widows 和 orphans
• 成熟度
  • FPWD 2018-12-18

[anjia]

2019.2.14 - 至今

CSS Scroll Snapping Level 1

• 此模块包含了特性：用 snap positions（捕捉位置）来控制 panning（平移）和 scrolling（滚动）行为
• 成熟度
  • CR 2019-01-31, 2018, 2017, 2016
  • WD 2016
  • FPWD 2015-03-26

CSS Scrollbars Module Level 1

• 标准化了 color scrollbars（彩色滚动条）的功能，它是 Windows IE 5.5 在 2000 年引入的
• 成熟度
  • FPWD 2018-9-25

CSS Fill and Stroke Module Level 3

• 此模块包含与 filling 和 stroking text 和 SVG shapes 相关的 CSS features
  • 主要是 graphics 相关的东西，是 CSS WG 和 SVG WG 的 joint work
• 成熟度
  • FPWD 2017-4-13

Non-element Selectors Module Level 1

• Non-element Selectors 扩展了 SELECTORS4，允许选择 elements 之外的 document nodes 类型
  • 当 selectors 用做 general document query language 时，很有用
  • Non-element Selectors 并不适用于 CSS，仅作为单独的 query language 在其它宿主环境下
• 成熟度
  • FPWD 2014-6-3

CSS Font Loading Module Level 3

• 本模块描述了动态加载 font resources 时的 events 和 interfaces
• 成熟度
  • WD 2014-05-22
  • FPWD 2014-02-20

CSS Paged Media Module Level 3

• 在分页时，如何处理 fragmented content
• 成熟度
  • WD 2018-10-18, 2013
  • LC 2006
  • CR 2004
  • LC 2003
  • WD 2003, 1999
  • FPWD 1999-06-23

Geometry Interfaces Level 1

• 提供了基本的 geometric interfaces（几何界面），可以被其它 modules 或 specifications 使用。eg.
  • points 点
  • rectangles 矩形
  • quadrilaterals 四边形
  • transformation matrices 变换矩阵
• 成熟度
  • CR 2018-12-04, 2014
  • WD 2014
  • LC 2014
  • FPWD 2014-05-22

[anjia]

2019.2.14 - 至今

CSS Easing Functions Level 1

• 该模块描述了可以让 authors 定义应用在 animation time 上的 transformation 方法
  • 可以用来产生模仿物理现象的 animations，比如动量、以离散的步骤移动-进而产生类似机器人的运动
  • 说明：它是从早期的 Transitions 草案模块里单独提出来了，以备被其它模块用到，eg. Transitions、Animations 等
• 成熟度
  • WD 2018-10-09, 2018-09-26
  • FPWD 2017-02-21

CSS Transforms Module Level 1

• 可以让 CSS elements 在 two-dimensional space 里进行 transform
• 成熟度
  • CR 2019-02-14
  • WD 2018, 2017, 2013, 2012
  • FPWD 2012-02-28

CSS Transitions

• 允许 property 的 values 的可以平滑的改变，在指定的时间期间内
• 成熟度
  • WD 2018, 2017, 2013, 2012, 2009
  • FPWD 2009-03-20

CSS Animations Level 1

• 用 keyframes 来 animate CSS properties 的 values
• 成熟度
  • WD 2018-10-11, 2017, 2013, 2012
  • FPWD 2009-03-20

Web Animations

• 定义了一个模型 for synchronization 和 timing of changes to 网页的呈现
  • 也定义了与该模型交互的 API
• 成熟度
  • WD 2018-10-11, 2016, 2015, 2014
  • FPWD 2013-06-25