今天完成的事情

  1.解决了任务七文本问题，文本真讨厌；

  2.开始任务八，任务八的首页进行到一半：

    a.学习并运用了bootstrap的轮播插件，这个东西不错，因为插件的箭头调垂直居中太麻烦了，我直接去掉，将模板的箭头同背景图片切在一起，然后将插件的a标签扩大面积，“点击”箭头也可以轮播23333；

    b.然后一开始切图是将字和背景图片切开的，一直在调各自图片的位置，发现自适应有难度，然后直接把字和背景图切一起了，哈哈哈哈，一下子好方便；

    c.之后下面的内容细节真够多的....通过参照物来调位置.....

    d.晚上还没解决这个我将小图片搞成雪碧图（2333偷懒神器）然后当背景图片，还没调好字体，调整好图片背景位置和大小后，发现无法自适应心塞，明天解决这个问题；话说这个图有毒啊我看着总觉得它怎么倾斜了- -；

明天计划的事情

  1.继续任务8，尽力完成首页，任务8每个网页不得超过两天；

  2.解决背景图片自适应问题；

遇到的问题

  1.轮播点击next无法转到下一个页面，即使无法显示图片也会因为alt显示点字出来对吧，但是它不会动；现在不想解决这个问题，看着像psd就好了哈哈哈哈；

  2.三个div用align-items的baseline，根本木用，W3C说baseline是用三个flex子项目的第一行文本对齐，根本对不齐好吧；

   解决方式：很啰嗦地亲自调整margin；

  3.背景图片自适应问题；

   还没去解决呢~

收获

  1.运用了bootstrap的轮播插件，任务要求不需要原理，那大概看一下：

  <div id="myCarousel" class="carousel slide">

    <ol class="carousel-indicators">//轮播下面的小圈圈

        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

        <li data-target="#myCarousel" data-slide-to="1"></li>

        <li data-target="#myCarousel" data-slide-to="2"></li>

   </ol>

 <div class="carousel-inner">//每个页面的内容，可以自己加内容

   <div class="item active">     

        <img src="imge\bigbg.png" alt="First slide">

   </div> 

   <div class="item">

        <img src="" alt="Second slide">

   </div>

   <div class="item">

       <img src="imge\bigbg,png" alt="Third slide">

   </div>

  </div>

  //左右箭头，换页面

  <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>

  <a class="carousel-control right" href="#myCarousel" data-slide="next"></a></div>

  2.对a标签属性更熟悉啦，对hover这个属性‍‍伪类选择器‍‍表示喜欢；

  3.最近才开始用span.....

  4.虽然讨厌很小的细节比如文本，但是对于flex布局的技能还是蛮喜欢的~只能说尽力在进行时的时候消灭掉细节，不要留在最后修改，那样很不爽感觉像烂摊子一样。

  5.对flex更熟悉了，运用地更熟练；

 日报用时帮个小时，今天进度，嗯，还好吧，先把大网页整体看成大问题，给个大概的布局，分成若干个小问题，然后将一个个小问题解决掉，耐心点！明天继续