支持的CSS3属性
- 所有的选择器和选择符
- 伪类
:nth-child(n) { sRules }
:nth-last-child(n) { sRules }
:nth-of-type(n) { sRules }
:nth-last-of-type(n) { sRules }
:last-child { sRules }
:first-of-type { sRules }
:last-of-type { sRules }
:only-child { sRules }
:only-of-type { sRules }
:empty { sRules }
:target { sRules }
:not(s) { sRules }
:enabled { sRules }
:disabled { sRules }
:checked { sRules }
:indeterminate { sRules }
- 伪元素
::selection { sRules }
- 属性
box-shadow
border-radius
background : {sBackground1,sBackground2, etc. } //多背景
background-clip
background-origin
background-size
//2D 动画
transform
transform-origin
- 动画效果
2D Transforms
transform transform-origin
- 支持的色值写法
rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a)
- 支持的媒体查询
width height device-width device-height orientation aspect-ratio device-aspect-ratio color color-index monochrome resolution
- User Interface
box-sizing
- Functions
calc() //通过计算来决定一个CSS属性的值 width: calc(100% - 80px); 运算符的两边必须始终要有空白符
css2，IE8
counter() //counter-increment, counter-set and counter-reset 自动计数编号
attr() //取出属性值 attr(data-count); attr(title);
IE10+