今天完成的事情： 

1.完成了任务十三。

2.听老大讲接口。

3.按照自己的理解写了简易版的栅格系统。

明天计划的事情：

1.第一个页面写一半。

遇到的问题：

没啥大问题。

收获：

1.媒体查询的覆盖问题。如果一个元素同时满足两个媒体查询的条件，元素展示的样式是最后一个媒体查询设置的样式。

例如：

body {

   font-size: 40px;

   color: white;

   background: gray;

}

@media all and (max-width: 320px) {

   body {

      color: red;

      background: white;

   }

}

@media all and (max-width: 500px) {

   body {

      color: black;

      background: yellow;

   }

}

在屏幕宽度300px时，样式为黑色字体黄色背景。因为第二个媒体查询覆盖了第一个样式。

解决办法有两个

1、精确媒体查询的范围。 第二个媒体查询条件改为 (max-width: 500px) and (min-width: 320px)

2、媒体查询范围从大到小写。

max-width：1200px；max-width：992px；max-width：768px；等等。

2.学会使用for

使用for设置col-1到col-20的宽度。

3.

设置动画暂停效果，明天写轮播图应该用得上。