今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
1，task8三个页面细节进行了优化

2，task8-1做完了阴影效果

3，对栅格化进行了思考，可设置背景色，高度，行之间的距离，运用多类名选择器

明天计划的事情：（一定要写非常细致的内容）
1，明天把task8效果方面，都做完，然后对细节进行最后的优化

2，继续对栅格化加深理解

3，开始预习task9

遇到的问题：（遇到什么困难，怎么解决的）
1，hover提示文字的效果，个人感觉是使用隐藏display:none来实现，但是官网上的效果图，是透明的效果，尝试使用了opacity属性，很遗憾无法实现效果

2，对于栅格化只能说有些理解了，运用方面还存在问题

3，雪碧图自适应方面很坑，占用的空间固定，页面收缩的时候，无法跟着一起自适应

收获：（通过今天的学习，学到了什么知识）

1，实现点击盒子，出现阴影效果

.hover:hover {

    -webkit-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    transform: translateY(-3px);

    -webkit-box-shadow: 0 0 6px #999;

    box-shadow: 0 0 6px #999;

    -webkit-transition: all .5s ease-out;

    transition: all .5s ease-out;

  }

2，栅格化添加样式，无法生效时，那是因为权重所导致，添加!important即可解决