flex布局之携程移动页面

**案例1：图片在上文字在下 用flex布局实现 **

flex主轴默认是水平x轴-项目图片和项目文字在x轴水平显示
-当把主轴设置为Y轴时 flex-direction ：Y轴 -项目图片和项目文字就实现了【图片在上文字在下】
-在把侧轴设置为居中对齐 align-items：center；

背景颜色的线性渐变【必须添加浏览器私有属性】

background：linear-gradient（起始方向，颜色1，颜色2）；

从左边开始 有红色变成蓝色：
background：-webkit-linear-gradient（left，red，blue）；