前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？

H5新特性

• 拖拽释放（Drag and drop）API
• 语义化更好的内容标签（header，nav，footer，aside，article，section）

•  音频、视频API(audio,video)
•  画布(Canvas)API
•  地理（Geolocation）API
• 本地离线存储localStorage长期存储地址，浏览器关闭后数据不丢失
• sessionStorage 的数据在浏览器关闭后自动删除
• 表单控件，calendar、date 、time、email、url、search
• 新的技术webworker,websocket,Geolocation

CSS3新特性

• 颜色：新增RGBA、HSLA模块
• 文字阴影（text-shadow）
• 边框：圆角（border-radius）边框阴影：box-shadow
• 盒子模型：box-sizing
• 背景 ：background-size设置背景图片尺寸；background-origin设置背景图片的原点；background-clip设置背景图片的裁切区域，以“，”分隔可以设置多背景，用于自适应布局
• 渐变：linear-gradient、radial-gradient
• 过渡：transition,可实现动画
• 自定义动画
• 2D转换：transform:translate
• 3D转换