H5新增标签
1.header : 头部信息
2.footer ：页脚
3.nav：导航链接的部分。
4.main: 主体
5.section：独立的内容区块
6.aside:侧边栏导航
7.article:文章标签
8.mark:标记，内容显示背景颜色，可以修改
9.address:地址标签
10.time: 表示日期或时间，也可以同时表示两者，相当于span
11.figure+figcaption：表示一段独立的内容，一般表示文档主体流内容中的一个独立单元。figcaption表示 figure 的标题。从属于 figure ， 并且， figure 中只能放置一个 figcaption。
12.video/audio
CSS3样式
1.color：rgba(R,G,B,A) ：
以上R、G、B三个参数，正整数值的取值范围为：0 - 255。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。
2.text-shadow:文本阴影。
指定多个阴影：(参数形式为X坐标 Y坐标 阴影的模糊程度 阴影颜色)
text-shadow:10px 10px #f66,40px 35px #f00,70px 60px #000;
3.box-shadow：盒子阴影。
注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。
4.word-break：自动换行。
normal:使用浏览器默认换行规则。
keep-all:只能在半角空格或连接字符处换行。
break-all:允许在单词内换行（对于标点符号来说，允许标点符号位于行首，不过在IE中是不可以的）。
5.word-wrap：让长单词与URL地址自动换行。
word-wrap:break-word;
6.border-radius:圆角。
7. 引用的一些服务端字体。
8.box-sizing:border-box 怪异盒模型。
9.transform ：2D转换
rotate() 旋转函数 取值度数 Transform-origin 旋转的基点
skew() 倾斜函数 取值度数 (扭曲) skewX() skewY()
scale() 缩放函数 取值 正数、负数和小数 scaleX()scaleY()
translate() 位移函数 translateX()translateY()
10.transform： rotate3d()/ translate3d()/scale3d() 3D转换
rotate3d(x,y,z,angle)：旋转
translate3d(x,y,z)：平移
scale3d(x,y,z) 缩放
11.transition：过渡
transition-property 要运动的样式 （all || [attr] || none）
transition-duration 运动时间
transition-delay 延迟时间
transition-timing-function 运动形式
ease：（逐渐变慢）默认值
linear：（匀速）
ease-in：(加速)
ease-out：（减速）
ease-in-out：（先加速后减速）
手写tab切换
1.利用JS写
（参考二阶段考试题）
2.vue 动态组件写。
（参考昨天鹏哥讲的动态组件）
水平垂直居中
1.position:absolute/fixed;top:50%;left:50%;margin-left:-(width/2);margin-top:-(height/2);
2.position:absolute/fixed;top:0;left:0;right:0;bottom:0;margin:auto;
3.display:flex;justify-content:center;align-items:center;如果写的父元素为body，加上html,body{height:100%}
