css3新特性

css3:

1、选择器：nth-child（）、nth-of-type（）、：checked、：disabled

2、盒模型：box-sizing:

content-box (盒模型宽度=width+padding+border) 

 border-size(盒模型宽度=width 

padding+border包含在width)

3、背景：background-image、background-size、background-origin

4、渐变：linear-gradient、radial-gradient

5、边框：border-radius、border-image

6、阴影：box-shadow、text-shadow

7、2D/3D转换：transform：translate rotate scale

8、过渡：transition

9、动画：keyframes、animation

10：弹性盒子：flex

11：媒体查询：@media

html5:

1.语义化标签

header、footer、aside、section、article、nav

2.表单输入类型

email、url、number、range、Date Pickers、search、color

3.表单属性

autocomplete、placeholder、form

4.视频音频

video、audio

5.画布

canvas

6.伸缩矢量图

svg

7.拖拽属性

draggable

8.事件

resize

input

9.地理定位

Geolocation

10.web存储

sessionStorage 和localStorage

11.应用程序缓存application cache

创建 chche

manifest 文件

12.文件通讯协议

websocket

13.文件读取

fileReader

14.类名操作

Classlist