H5的新特性:
1.拖拽释放
拖拽是一种常见的特性,即抓取对象以后拖到另一个位置
在HTML5中,拖放是标准的一部分,任何元素都能够拖放
2.自定义属性 data-id="abc"
3.语义化更好的内容标签(header,nav,footer,aside,article,section)
4.音频,视频(audio,video)如果浏览器不支持自动播放怎么办?在属性中添加autoplay
5.画布Canvas
(5.1)getContext()方法返回一个用于在画布上绘图的环境
(5.2)cxt.stroke()绘制线条
(5.3)canvas和image在处理图片的时候有什么区别?
image是通过对象的形式描述图片的,canvas通过专门的api将图片绘制在画布上
6.地理(Geolocation)API其实Geolocation,就是用来获取到当前设备的经纬度(位置)
7.本地离线储存localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除
8.sessionStorage 改数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据.
9.表单控件 calendar,date,time,email,url,search,tel,file,number
10.新的技术 webworker,websocket,Geolocation
css3 新特性
1.颜色:新增RGBA,HSLA模式
2.文字阴影(text-shadow)
3.边框:圆角(border-radius) 边框阴影:box-shadow
4.盒子模型:box.sizing
5.背景:background-sizi background-origin background-clip
6.渐变:linear-gradient,radial-gradient
7.过渡:transition 可实现属性的渐变
8.自定义动画 animate @keyfrom
9.媒体查询 多栏布局 @media screen snd (width:800px)....
10.图片边框 border-image
11.2D/3D转换;transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
12.字体图标 iconfont/icomoon
13.弹性布局 flex
