1、今天完成的事情

1、完成了任务6

 1、nav部分，使用了三个select完成了下拉列表

 2、header放弃了bootsrap样式，bootsrap样式调试困难，没有效果。直接用button，加上背景色和调整宽高，加入文字并修改颜色，并用position：fixed固定

 3、main部分使用了bootstrap的栅格系统，

<div class="row">  
  <div class="col-xs-12 col-md-8">
     <p></p>   
     <p></p>
     <p></p>
 </div>  
  <div class="col-xs-6 col-md-4">
      <p></p>
      <img>
  </div>
 </div>一共7个，填充内容后，经过调整，基本实现了psd的效果
  4、footer部分不没有使用栅格，一个div里面嵌套三个div，将三个divdisplay为inline-block，然后通过margin和padding调整

2、明天计划的事情

1、开始进行任务7

2、处理任务5的一个问题，文字没有垂直居中。

3、遇到的问题

header部分和footer部分设置fixed后，宽度发生了变化，需要给width设置宽度100%

header部分使用position：fixed后，被nav部分覆盖

解决：给header部分设置z-index，提高header部分的堆叠顺序。

select设置的下拉列表里面中的文字，无法居中，调试多次，依然没有效果。

4、收获

小课堂师兄讲了bootstrap时，栅格系统嵌套多了，要多鞋注释，尽量不要嵌套过多，造成代码阅读困难