css实用属性

background-size: 100% 100%;            背景通过拉伸实现填充 自适应

overflow: hidden;                                  清除浮动

box-sizing: border-box;                        为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制

border-radius: 3px;                              边框圆角

vertical-align: middle;                          实现多个内联块垂直中部对齐

cursor:pointer;                                     鼠标指针样式

:nth-child(nn)                                       伪类选择器可以给指定行（n）设置样式odd表示奇数行，even表示偶数行

使用绝对定位来居中：

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%, -50%);      （未设置宽度）

position: absolute;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;                               （设置宽度 只能设置左右居中不能设置上下居中）

gulp中使用rem：

<script src="dist/js/lib/viewport/viewport.js"></script>

设置缩放标准

docEl.style.fontSize = 40 * (clientWidth / 1440) + 'px';