去哪儿网首页-header区（1）

1.安装工具

安装stylus帮助编写css，安装的命令行如下

npm install stylus --save

npm install stylus-loader --save

2.home目录下新建一个components文件夹，把首页拆分的组件都放进去，比如header.vue，然后在home.vue里面引用

3.分析header组成 然后进行编写

 

注意点：

1）scoped 

     限制样式不对其他组件产生影响

2）stylus样式写法，不用{ }

3）单位不是直接用px 而是根据1rem = html font-size = 50px(这个数字在reset.css文件中有)

举例：某一部分测量高度为86px 这是一个二倍图 所以高度43px 43/50=0.86rem