CSS3

增加 opacity 属性，还有 hsl()， hsla()， rgba() 和 rgb() 函数来创建 <color> 值。 它还将 currentColor 关键字定义为合法的颜色值。

transparent 颜色目前是真彩色 (多亏了支持 alpha 通道) 并且是 rgba(0,0,0,0.0) 的别名。

它废弃了 system-color keywords(系统颜色关键字)， 它们已经不能在生产环境中使用。

增加：

• 子串匹配的属性选择器， E[attribute^="value"]， E[attribute$="value"]， E[attribute*="value"]。
• 新的伪类：:target， :enabled 和 :disabled， :checked， :indeterminate， :root， :nth-child 和 :nth-last-child， :nth-of-type 和 :nth-last-of-type， :last-child， :first-of-type 和 :last-of-type， :only-child 和 :only-of-type， :empty， 和 :not。
• 伪元素使用两个冒号而不是一个来表示：:after 变为 ::after， :before 变为 ::before， :first-letter 变为 ::first-letter， 还有 :first-line 变为 ::first-line。
• 新的 general sibling combinator(普通兄弟选择器)  ( h1~pre )。

通过定义 CSS qualified name(CSS 限定名) 的概念来增加对 XML Namespace(名空间) 的支持， 使用 ' | ' 语法并增加 @namespace CSS @ 规则。

将之前的媒体类型 ( print， screen，……) 扩充为完整的语言， 允许使用类似 only screen 和 (color) 来实现 设备媒体能力查询功能。

媒体查询并非仅能用于 CSS 文档中，它也被用于 HTML 元素的某些属性中， 例如 <link> 元素的 media 属性。

增加：

• 背景支持各种类型的 <image>， 并不局限于之前定义的 url()。
• 支持 multiple background images(多背景图片)。
• background-repeat 属性的 space 和 round 值，还有支持两个值的语法。
• background-attachment local 值。
• CSS background-origin， background-size， 和 background-clip 属性。
• 使用 CSS border-radius， border-top-left-radius， border-top-right-radius， border-bottom-left-radius，和 border-bottom-right-radius 属性来支持带弧度的 border corner(边框角)。
• 使用 CSS border-image， border-image-source， border-image-slice， border-image-width， border-image-outset， 和 border-image-repeat 属性来支持边框使用 <image>。
• 支持对装饰行为的定义， 即当 box(元素的框) 被打断(在页面， 列或换行) 时， 使用 CSS box-decoration-break 属性对边框，背景色或图片的定义。
  处于风险中： 由于缺少足够的浏览器支持，该特性可能会被推迟到模块的下一个迭代中。
• 使用 CSS box-shadow 属性来支持元素的阴影。
  处于风险中： 由于缺少足够的浏览器支持，该特性的动画效果可能被推迟到模块的下一个迭代中。

定义 <image> 数据类型。

扩充 url() 语法使其支持使用 media fragments(媒体片段) 来切割图片。

增加：

• <resolution> 数据类型的 dppx 单位。
• image() 函数，作为 url() 的更具灵活性的替代版本， 使用 url 来定义图片。
  处于风险中：由于缺少足够的浏览器支持， image() 函数的标准化可能会被推迟到该模块的下一个迭代中。
• 支持 linear-gradient()， repeating-linear-gradient()， radial-gradient() 和 repeating-radial-gradient()。
• 使用 CSS object-fit 属性来定义一个可替换元素如何适应它的元素。
  处于风险中： 由于缺少足够的浏览器支持， object-fit 及其属性的标准化可能会被推迟到该模块的下一个迭代中。
• 使用 CSS image-resolution 和 image-orientation 属性来覆盖一个外部图片的分辨率和方向。
  处于风险中：由于缺少足够的浏览器支持，image-resolution 和 image-orientation 属性的标准化可能会被推迟到该模块的下一个迭代中。

使 initial 和 inherit 关键字能够被用于任意 CSS 属性中。

正式定义了 CSS 2.1 中的 CSS 数据类型，之前是隐晦的由它们的语法记号和文本来定义。

增加：

• 定义了新的相对字体长度单位：rem 和 ch。
• 定义了相对视口长度单位：vw， vh， vmax 和 vmin 。
• 精确了绝对长度单位的实际尺寸，此前它们并非是绝对值，而是使用了 reference pixel(参考像素) 来定义。
• 定义 <angle>， <time>， <frequency>， <resolution>。
• 规范 <color>， <image>， 和 <position> 定义的值。
• calc()， attr()， 和 toggle() 函数符号的定义。
  处于风险中： 由于缺少足够的浏览器支持，calc()， attr()， 和 toggle() 函数符号的标准化可能会被推迟到该模块的下一个迭代中。

扩展：

• CSS text-decoration 属性作为 CSS text-decoration-line， text-decoration-color， 和 text-decoration-style 属性的简写形式。并增加了 text-decoration-skip， 和 text-underline-position 属性。

增加：

• 使用 CSS text-emphasis， text-emphasis-style， text-emphasis-color， 和 text-emphasis-position 属性来支持 East-Asian-script emphasis marks(东亚文本重点符号)。
• 使用 CSS text-shadow 属性来支持文本的阴影。

明确：

• 装饰的绘制顺序。

处于风险中： 由于缺少足够的浏览器支持，text-decoration-skip， 行定位规则和在相同的基础文本上放置重点符号和 ruby 的能力的标准化可能会被推迟到该模块的下一个迭代中。

增加：

• 使用 CSS box-sizing 属性来转换盒模型的能力。
  处于风险中： 由于缺少足够的浏览器支持 ， padding-box 值的标准化可能会被推迟到该模块的下一个迭代中。
• 根据表单内容来设置样式， 使用 CSS :indeterminate， :default， :valid， :invalid， :in-range， :out-of-range， :required， :optional， :read-only，和 :read-write 伪类与 ::value， ::choices， ::repeat-item， 和 ::repeat-index 伪元素。
  处于风险中： 由于缺少足够的浏览器支持 ，伪元素 ::value， ::choices， ::repeat-item， 和 ::repeat-index 的标准化可能会被推迟到该模块的下一个迭代中。
• 支持图标，通过 CSS icon 属性定义， 同时在 CSS content 属性中设置新图标的值。
  处于风险中： 由于缺少足够的浏览器支持 ，icon 属性和 icon 值的标准化可能会被推迟到 CSS 4 中。
• 支持 CSS outline-offset 属性， 这样可以对 outline 的位置做更多的控制。
• 支持 CSS resize 属性， Web 开发者可以控制元素是否能够以及如何调整大小。
• 支持 CSS text-overflow 属性， 定义文本溢出的行为。
  处于风险中： 由于缺少足够的浏览器支持 ，该属性的双值语法也和 <string> 值一样， 它们的标准化可能会被推迟到该模块的下一个迭代中。
• 定义鼠标 hotspot(热点) 的功能， 扩展了 cursor 属性， 增加了新值：  none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out。
• 指定 sequential navigation order(连续导航顺序， 即 tabbing order(移动顺序)) 的功能， 使用 CSS nav-index， nav-up， nav-right， nav-left， nav-down 属性。
  处于风险中： 由于缺少足够的浏览器支持，导航属性的标准化可能会被推迟到该模块的下一个迭代中。
• 控制 IME editor(输入法编辑器) 使用的功能， 使用 CSS ime-mode 属性。
  处于风险中： 由于缺少足够的浏览器支持，ime-mode属性的标准化可能会被推迟到该模块的下一个迭代中。

增加：

• 支持适用于任何元素的 bi-dimensional transforms(二维变形)，使用 CSS transform 和 transform-origin 属性。支持的变形有： matrix()，translate()，translateX()，translateY(， scale()，scaleX()，scaleY()，rotate()，skewX()，和 skewY()。
• 支持适用于任何元素的 tri-dimensional transforms(三维变形)，使用 CSS  transform-style， perspective， perspective-origin， 和 backface-visibility 属性和扩展的 transform 属性，使用以下变形： matrix 3d()， translate3d()，translateZ()，scale3d()，scaleZ()，rotate3d()，rotateX() ，rotateY()，rotateZ()，和 perspective()。

注意： 该规范是 CSS 2D-Transforms， CSS 3D-Transforms 和 SVG transforms 合并的结果。

扩展：

• CSS text-transform 属性的值 full-width。
• CSS text-align 属性的值 start，end，start end，和 match-parent，为包含多个方向文本的文档提供良好支持。
• CSS text-align 属性的 <string> 值来根据该字符对齐。对于数字的小数点对齐特别有用。
• CSS word-spacing 和 letter-spacing 属性拥有范围限制，来控制两端对齐时的灵活性。

增加：

• 使用 CSS text-space-collapse 和 tab-size 属性来控制空白该如何显示。
• 使用 CSS line-break，word-break，hyphens，text-wrap，overflow-wrap，和 text-align-last 属性来控制折行和单词边界。
• 使用 CSS text-justify 属性来控制两端对齐的行为，这是为了对更多语言类型增加支持。
• 使用 CSS text-indent 和 hanging-punctuation 属性来控制 edge effect(边缘影响)。

修正 CSS2.1 字体匹配算法，以便接近于真实的实现。

增加：

• 通过 CSS @font-face @ 规则来支持可下载字体。
• 借助 CSS font-kerning 属性来控制 contextual inter-glyph spacing(上下文 inter-glyph 间距)。
• 借助 CSS font-language-override 属性来选择语言指定的字形。
• 借助 CSS font-feature-settings 属性来选择带有 OpenType 特性的字形。
• 借助 CSS font-size-adjust 属性来控制当使用 fallback fonts(备用字体) 时的宽高比。
• 选择替代字体，使用 CSS font-stretch，font-variant-alternates，font-variant-caps，font-variant-east-asian，font-variant-ligatures，font-variant-numeric，和 font-variant-position 属性。还扩展了相关的 CSS font-variant 速记属性，并引入了 @font-features-values @ 规则。
• 控制自动生成斜体或粗体，当这些字体在 CSS font-synthesis 属性中找不到时。

扩展：

• image() 函数标记来描述图片 (rtl 或 ltr) 的方向性，允许 bidi-sensitive(双向敏感) 的图片。
• 为 image-orientation 属性增加关键字 from-image，允许使用存储在图片中的 EXIF 数据。

增加：

• image-set() 函数标记，allow the definition to equivalent images at different resolution allowing for resolution-negotiated selection of images。
• element() 函数标记， 允许将页面的部分当作图片来使用。
• cross-fade() 函数标记， 允许在两张图片之间过渡时使用中间图片，并定义了两张图片间的 interpolation(插值)。
• conic-gradient() 和 repeating-conic-gradient() 函数标记，描述了一种新的渐变类型。
• image-rendering 属性允许定义如何处理改变图片大小的行为。

在栅格基础上增加了一个新的布局。

注意：当前有将该规范和 CSS Template Layout  合并的趋势。