今天完成的事情：

今天上午开始看了任务七，对现在的我来说确实有难度，上午看了一会ui图，然后开始按着上边的做，头部还是用fiex布局，这个比较好做，之前也有很多经验了，所以不太难，后来就是在图层透明上面用了不少时间，刚开始一直不知道怎么做，后来还是百度了这串代码解决的问题：

border-left: 10px solid transparent;
border-right: 9px solid transparent;
border-top: 15px solid rgba(255,255,255,0.6);
margin-left: 63px;

这个比较好调整，下面的0,.6是用来调整透明度，还是非常好用的，直接就解决了透明度的问题，算是头部的问题给解决了，按理来说头部都不难，最难弄的还是中部的水民那些块，不用栅格布局还好，用了栅格布局之后还要要求在320分辨率下不崩，这个就比较难受了，本来栅格布局也不熟，之前师兄们做任务七的时候也没有要求做栅格， 所以他们也没啥经验，张师兄给我弄了很长时间最后还是通过限制最大和最小像素来完成的，不过听他说了个最合适的方法，就是媒体搜索，这个东西才是下午卡到我现在的原因，看了几个小时也没看懂，也许是我看文档的阅读能力太差吧，下次不能在问题上面浪费太多时间了，要是实在难以理解就请教师兄好了。

今天复制了一个媒体查询的代码

@media screen and (max-width: 960px){
    .top{

    }

}
@media screen and (max-width: 768px){
.top{

}
}
@media screen and (max-width: 550px){
.top{

}
}
@media screen and (max-width: 320px) {
.top{

}
}
.january{

}

这个应该是可以用的，不过知道里面怎么写属性，明天再研究研究吧。

    
明天计划的事情：

明天计划把媒体查询给搞懂，然后再把目前做的这个页面给做出来，应该是差不多的，写不出来妈的晚上熬夜写！

写完之后开始补任务四的任务思考，最好把任务四深度思考也给一并做了。

遇到的问题：

问题上面已经说的很清楚了，也都给解决了。

收获：

发现每次做东西都不是一帆风顺，感觉接受新知识的理解程度太慢，以后要专注专注专注，比如说媒体查询就用了很久才能看的稍微懂一点，以后加倍努力。