今天完成的事情：

                         1.学习了雪碧图的概念，我理解雪碧图就是将小图标集合到一张图上，当作背景引用，这样可以使浏览器少加载些图片。而background-position的负值，其实就是背景图片相对于容器的坐标轴原点向左向上移动 造成的。刚开始不容易理解，看个实例就会明白了。

                        2.复习了列表的用法，学习了bootstrap的两篇参考资料，上面的例子完全可以直接拿过来用。

                        3.下载了制作雪碧图的小工具，做了个雪碧图。

                    4.基本完成任务6的布局。

明天计划的事情：

                     1.搜索资料，学习垂直居中的解决办法，尤其是div垂直居中的方法。

                     2.学习flex布局，一直没顾上看。

                     3.开始任务七的学习，切图，学习bootstrap的使用。 
遇到的问题：

                    1.如下图，两个块的边界的重叠如何实现？ 解决方法：重叠在上的块用position：absolute定位，被覆盖的块用float布局。 或者用margin负值也可以实现（没尝试）。

                   2.滚动条滚动到底部，页面内容却没有全部显示出来怎么办？解决方法：给<main>设置足够高的margin-bottom值。

                   3.左右各一个div，如何让中间的div实现居中？ 这个还不知道如何做到，明天学习。
收获：

                   做到练习多了，发现文本流，脱离文本流，也是可以用这个来实现想要的效果的。还有，对于块状和行内块元素，有些属性是各自适应各自的，比如text-align对于div里面的内容有用，对div本身无效。