响应式需要加的标签：
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="format-detection" content="telephone=no" />
CSS长度单位：
em：相对长度单位。相对于当前对象内文本的字体尺寸；
rem：相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 ;
%:相当于父级元素的百分比；
em：相对长度单位。相对于当前对象内文本的字体尺寸；
rem：相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 ;
%:相当于父级元素的百分比；
px：相对长度单位。像素（Pixels）；
CSS3-动画:
定义： @keyframes
属性： animation
@keyframes 名称 {
字段1（百分比）{css样式}
字段2（百分比）{css样式}
}
<animation-name>： 检索或设置对象所应用的动画名称
<animation-duration>： 检索或设置对象动画的持续时间
<animation-timing-function>： 检索或设置对象动画的过渡类型
<animation-delay>： 检索或设置对象动画延迟的时间
<animation-iteration-count>： 检索或设置对象动画的循环次数
<animation-direction>： 检索或设置对象动画在循环中是否反向运动
<animation-fill-mode>： 检索或设置对象动画时间之外的状态
定义： @keyframes
属性： animation
@keyframes 名称 {
字段1（百分比）{css样式}
字段2（百分比）{css样式}
}
<animation-name>： 检索或设置对象所应用的动画名称
<animation-duration>： 检索或设置对象动画的持续时间
<animation-timing-function>： 检索或设置对象动画的过渡类型
<animation-delay>： 检索或设置对象动画延迟的时间
<animation-iteration-count>： 检索或设置对象动画的循环次数
<animation-direction>： 检索或设置对象动画在循环中是否反向运动
<animation-fill-mode>： 检索或设置对象动画时间之外的状态
<animation-play-state>： 检索或设置对象动画的状态。w3c正考虑是否将该属性移除，因为动画的状态可以通过其它的方式实现，比如重设样式
animation: fly 3s ease 0.5s infinite alternate;【简写模式】
