CSS3知识树

CSS3知识树的思维导图，介绍了 选择器的拓展、页面布局的加强、元素修饰的加强、开放字体的支持、多终端的适配、动画支持。

CSS3知识树

选择器的拓展

属性选择器

E[foo^="bar"]

E[foo$="bar"]

E[foo*="bar"]

结构伪类选择器

E:root

E:nth-child(n)

E:nth-last-child(n)

E:nth-of-type(n)

E:nth-last-of-type(n)

E:last-child

E:first-of-type

E:last-of-type

E:only-child

E:only-of-type

E:empty

UI元素状态伪类选择器

E:enabled

E:disabled

E:checked

目标伪类选择器

E:target

否定选择器

E:not(s)

通用兄弟选择器

E ~ F

页面布局的加强

文本多列布局

可变更的盒模型

box-sizing

可伸缩的布局方式

元素修饰的加强

RGBA和透明度

圆角支持

背景

多背景的支持

background-size

background-origin

渐变效果支持

线性渐变

径向渐变

阴影和反射效果

阴影

text-shadow

box-shadow

反射

box-reflect

开放字体的支持

@font-face

多终端的适配

media queries

动画支持

transition（过渡）

transform（变换）

animation（动画）