H5、C3的新特性有哪些?

H5、C3的新特性有哪些?

HTML5的新增元素:

1、canvas 画布
2、用于媒介回放的video和audio元素
3、本地离线存储。localStorage长期存储数据,浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除
4、语意化更好的内容元素,比如 article footer header nav section
5、位置API:Geolocation
6、表单控件,calendar date time email url search
7、新的技术:web worker(web worker是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行) web socket
8、拖放API:drag、drop
移除的元素:
纯表现的元素:basefont big center font s strike tt u
性能较差元素:frame frameset noframes

CSS3新特性:

1、颜色:新增RGBA,HSLA模式
2、文字阴影(text-shadow)
3、边框: 圆角(border-radius)边框阴影: box-shadow
4、盒子模型:box-sizing
5、背景:background-size 设置背景图片的尺寸
background-origin 设置背景图片的原点
background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局
6、渐变:linear-gradient、radial-gradient
7、过渡:transition,可实现动画
8、自定义动画
9、在CSS3中唯一引入的伪元素 :selection.
10、媒体查询,多栏布局
11、border-image
12、2D转换:transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
13、3D转换
14、新增选择器:属性选择器、伪类选择器、伪元素选择器。

你可能感兴趣的:(H5、C3的新特性有哪些?)