blog icon indicating copy to clipboard operation
blog copied to clipboard

Published 20 hours ago • verified publisher icon anjia

CSS WG 概览

Open anjia opened this issue 6 years ago • 5 comments

整理于 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 使用者
2

完整在线 PPT CSS 规范导读

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

anjia avatar Feb 14 '19 13:02 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 avatar Feb 14 '19 13:02 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 avatar Feb 15 '19 02:02 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 avatar Feb 15 '19 02:02 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 avatar Feb 15 '19 02:02 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

anjia avatar Feb 15 '19 03:02 anjia