html5和CSS3中新特性

H5

1、语义化标签

header、footer、aside、nav、section、article

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

创建cache manifest文件

12、文件通讯协议

websocket

13、文件读取

fileReader

14、类名操作

classlist

CSS3

1、选择器

:nth-child()

:nth-of-type()

:checked

:disabled

2、盒模型

box-sizing

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 skew

8、过渡

transition

9、动画

keyframes、animation

10、弹性盒子

flex

11、媒体查询

@media