HTML5 CSS3新特性

H5 新特性

1. 语义化标签：header、footer、section、nav、aside、article
2. 增强型表单：input 的多个 type
3. 新增表单元素：datalist、keygen、output
4. 新增表单属性：placehoder、required、min 和 max
5. 音频视频：audio、video
6. canvas
7. 地理定位
8. 拖拽
9. 本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会被删除
10. 新事件：onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause
11. WebSocket：单个 TCP 连接上进行全双工通讯的协议

    CSS3 新特性

12. 选择器
13. 文本效果
14. 2D/3D 转换
15. 动画、过渡
16. 多列布局
17. 用户界面
18. 背景：
    background-size：规定背景图片的尺寸（cover：填充；100% 100%：拉伸）
    background-origin：规定背景图片的定位区域
    对于 background-origin 属性，有如下属性
    背景图片可以放置于 content-box、padding-box 或 border-box 区域
19. 边框：
    border-radius：圆角
    box-shadow / text-shadow：阴影
    border-image：边框图片