今天完成的事情：
任务6
1，在师兄的引导下重新分析了任务6各模块的布局，html代码重写。
2，成功引用了bootstrap库，涉及到一丢丢js内容。
3，学会了：hover伪元素的用法。
4，ps抠图又进步了一点呢！
5，任务6完成进度 60%/100%。


明天计划的事情：
彻底完成任务6，优化html以及css代码，最好是重写一遍。

遇到的问题：
任务6相对任务5页面更复杂，主要是header部分，将header分为两部分。
header-1
这部分相对任务5来说多了一个：hover效果，基本布局方面仍然沿用之前任务的弹性盒子布局，由于百度上的例子都是嵌入式css，一开始还不知道怎么添加hover样式，七试八试歪打正着引用成功了。（手动滑稽）
然后这部分的布局实际上需要用hover效果来实现，最初我以为就是做两个按钮，引申想一下这是我对任务要求认知不明确，对所要表达的效果有误解，所以写html以及css代码的时候思路错了，做了很多无用功。所以一定要搞清楚需求，再写代码！
header-2
这部分需要引入bootstrap库的样式。一开始通过百度学习bootstrap的使用，downdrop下拉菜单的样式对着教程敲，下拉的内容始终出不来，真的是急死了，不知道问题出来哪里。询问师姐之后，添加了bootstrap的js库终于能正常实现下拉效果，经师姐的讲解才明白这里有一个交互效果，所以要用到js库的功能，单纯用css是无法实现动态交互效果的。对js有一个初步的，直观的认识。
然后在引入bootstrap之后，downdrop的元素类型被bootstrap库的默认样式换成了display：block！important，导致我在css里面使用display：inline-block没效果，无法用弹性盒子设置布局，这是第一次接触到！important，然后对html各标签的权重也研究了一下。

footer部分 
这部分相对于任务4变化不大，主要是中间的图部分，，，，昨天卡了很久，然而用ps导出图片的时候按住shitf就可以把多个图合在一起导出，，，，，，，，，用复杂css定义才能实现的效果用ps很简单就解决了，所以ps还是很重要的！！
首页很我的上面的两个图标，一开始用background-image来插入的，偶然想起任务4来，发现直接在html上插入图片更简便，我仔细想了一下，这还是一个布局的问题，有时候布局复杂一点，但是能够让内容更加简洁，方便，也不失为一种选择。

任务6content部分相对于任务5的content部分变化不大，就是内容多一些，没有变得更复杂，俺寻思着能很快搞定。所以搞定header任务6就基本完成一半了。。

收获：
分析任务ui图的眼界更上一层楼！
布局思路更熟练。
学会使用bootstrap库。
学会了：hover伪元素的用法。
ps抠图又进步了一点呢！