今天完成的事情：
在昨天的基础上完成了任务5，重新写了body部分content部分的代码，使之结构更合理。
然后根据任务6的要求进行了探索学习。


明天计划的事情：

任务6的雪碧图部分遇到极大的困难，钻了牛角尖，一定要彻底搞清楚雪碧图的原理，熟练使用任务6的布局！


遇到的问题：

第一部分是昨天遗留的任务5，基本所有的小问题都通过重写结构得到了解决，比如

两部分文字中间的竖线，用右部分的border-left控制要麻烦一点，有的文字只有一行，有的需要换行，现在用左部分border-right实现代码就简洁一些。还有底部的底线，样式不是完全一样的，这是之前没有注意到的地方。
此处今天用弹性盒子来实现居中，解决了昨天的遗留问题。
还有一点就是

背景图部分，使用的是background-image的方式，开始的代码：

这样不能完美的实现填充效果，当横向分辨率过小的时候会成这样

在百度了之后优化代码：

就可以实现完美的填充。
还有一个小问题就是header使用固定定位之后需要添加z-index属性来设置优先级，不然由于position-flex的属性问题会导致被下面的内容覆盖。

第二部分到了任务6，看到任务6的素材，先把小图标都切下来，到这个东西的时候

切出来是两个图标组合到一起的，一个蓝色circle，跟一个白色的write图标。我的第一反应是用雪碧图把write图标定位到circle中间，相当于把两个小图标叠到一起，然后开始写代码，通过N次尝试后第二个图标始终只能跟在circle的后边，我意识到我对雪碧图的理解好像有点问题。。。。。。这个问题钻了牛角尖，浪费了好多时间。。。。
任务6相对任务5来说小图标跟文字结合的部分更复杂，暂时思路还有点不太顺，毕竟任务5一开始写出来的布局也是有点问题的，然后关于bootstrap的使用，初步的了解是网上的展示的样式都是内联css代码来引用bootstrap的样式，不知道是什么原因。

收获：
对页面的整体布局有更深刻的认识，好的布局不仅能使代码简洁规范，也能让各个模块的关系更和谐。
插入背景图方面学习到了更多的属性词，认识到了bootstrap的先进性，前端方面的知识不断在进步，即使掌握了现有的技能也不能停止学习！