**案例1:图片在上文字在下 用flex布局实现 **
flex主轴默认是水平x轴-项目图片和项目文字在x轴水平显示
-当把主轴设置为Y轴时 flex-direction :Y轴 -项目图片和项目文字就实现了【图片在上文字在下】
-在把侧轴设置为居中对齐 align-items:center;
背景颜色的线性渐变【必须添加浏览器私有属性】
background:linear-gradient(起始方向,颜色1,颜色2);
从左边开始 有红色变成蓝色:
background:-webkit-linear-gradient(left,red,blue);