携程网首页案例制作

• 案例：携程网移动端首页
  访问地址：m.ctrip.com

1. 技术选型

方案：我们采取单独制作移动端页面方案
技术：布局采用flex布局

2. 搭建相关文件夹结构

3. 设置视口标签以及引入初始化样式

5. 常见模块命名

6. 常见flex布局思路

7. 背景线性渐变

语法1：

background: linear-gradient(起始方向，颜色1，颜色2，...);
    background: -webkit-linear-gradient(left,red,blue);
    background: -webkit-linear-gradient(left top,red,blue);

背景渐变必须添加浏览器私有前缀
起始方向可以是：方位名词 或者度数 ，如果省略默认就是top