线性渐变

background: linear-gradient(方位名词 , 其实颜色, 结束颜色)
/*webkit系列写法*/
background-color: -webkit-linear-gradient(left,red,blue);
/*火狐*/
background:-moz-linear-gradient(right,red,blue);
/*欧鹏*/
background-color: -o-linear-gradient(right,red,yellow);
/* 标准写法*/
/*background:linear-gradient(to right,red,yellow);*/

取消移动端点击的时候的阴影

-webkit-tap-highlight-color: transparent;

flex弹性布局

• flex-direction: 设置主轴方向, 默认为水平方向

/*  设置垂直方向为主轴方向 */
flex-direction: column;

• flex-wrap: 设置换行显示, 默认不换行

/* 一般需要配合flex属性, 才能实现换行, 可将flex属性设置为百分比*/
flex-wrap: wrap

• justifu-content: 设置内容在主轴的对齐方式, 可选值: center | flex-start| flex-end | space-around | space-between

• align-items: 设置内容在侧轴的对齐方式, 可选值: center(居中) | stretch(拉伸) | flex-start | flex-end

• flex: 设置内容占据父元元素空间的比例, 可设置为数值, 也可设置为百分比