HTML5

HTML5

新增语义化标签：

<header>：头部标签

<nav>：导航标签

<article>：内容标签

<section>：块级标签

<aside>：侧边栏标签

<footer>：尾部标签

等

注意：这种语义化标准主要针对搜素引擎的；每个标签可以使用多次；在ie9中需要把这些元素转换为块级元素；更适合移动端

多媒体标签：

音频：<audio>

 

视屏：<video>

 

新增input表单和属性：

 

 

Css3

Css3属性选择器：

 

类选择器、属性选择器、伪类选择器，权重为10

Css3结构伪类选择器：

 

 

 

动画属性

 

 

 

动画属性简写：

animation：动画名称 持续时间 运动曲线 播放次数 是否反向 动画起始或者结束状态

速度曲线：

 

 

Css3 3D转换：

多了一个z轴，往外是正值

1. 3D移动：

多了一个移动方向，z轴；transform：translate3d(x,y,z)；单写transform：translateZ()

1. 透视perspective：

透视应该写在被观察元素的父盒子上面，模拟眼睛到屏幕的距离

translateZ()就是模拟物体到屏幕的距离

1. 3D旋转rotate3d：

3D旋转指可以让元素在3维平面内沿x，y，z轴或者自定义轴进行旋转

transform：rotate3d(x,y,z,deg)

1. 3D呈现transform-style

写在父级控制子元素是否开启三维立体环境；transform-style：flat不开启，默认；preserve-3d开启；

浏览器私有前缀是为了兼容老版本的写法：