H5和C3新增特性

H5新曾

1. 语义化标签: header 头部，footer 尾部，nav 定义导航，section 定义文档中的区段，article 定义文章，aside 定义文章侧边栏
2. 多媒体标签: video audio
3. 表单控件: number ，search ，email ，tel ，date ，file ，time ，url ，calendar
4. localStorage： 本地离线存储，长期存储数据，改变浏览器数据不会丢失。
5. sessionStorage： 浏览器关闭数据会丢失。
6. 自定义属性 data-*
7. 画布 Canvas
8. 新的技术文本 webworker
9. 媒体查询，多栏 / 流式布局

C3新曾

1. 新增选择器：属性选择器、伪类选择器、伪元素选择器。　

    ：first-of-type   选择属于其父元素的首个元素

　　：last-of-type   　选择属于其父元素的最后一个元素

　　：only-of-type  　选择属于其父元素唯一的一个元素

　　：only-child    　选择属于其父元素的唯一子元素的每个元素

　　：nth-child（n） 　选择属于父元素的第n个子元素

　　：enabled      表单控件的开启属性

　　：disabled     　表单控件的禁用属性

  ：checked     　单选或复选框的选中状态

1. 颜色：新增RGBA，HSLA模式
2. 文字阴影text-shadow，边框阴影： box-shadow  ，边框图：border-image  ，边框： 圆角border-radius
3. 盒子模型：box-sizing
4. 背景： background-image 设置背景图片

background-size 设置背景图片的尺寸

background-origin 设置背景图片的原点

Background-repeat 设置背景图片平铺效果

background-clip 设置背景图片的裁切区域，以”，”分隔可以设置多背景，用于自适应布局

1. 渐变：background: linear-gradient (方向、开始颜色、结束颜色)

径向渐变：background: radial-gradient(形状尺寸、开始颜色、结束颜色)  

1. 过渡：transition，可实现动画
2. 2D转换， 3D转换， 自定义动画