HTML5和CSS3新特性

HTML5新特性

• 拖拽释放API(Drag and drop)
• 语义化更好的内容标签(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新特性

• CSS3实现圆角(border-radius), 阴影(box-shadow), 对文字加特效（text-shadow), 线性渐变(gradient), 旋转（transform）
• transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg); // 旋转,缩放,定位,倾斜
• 增加了更多的CSS选择器, 引入的伪元素::selection
• 媒体查询, 多栏布局
• border-image
• 多背景rgba