今天完成的事情：

1.完善任务8三个页面布局，主要是自适应的页面变化布局
明天计划的事情：

2. 把任务8完成，各种问题解决，页面的职业hover效果做出来
遇到的问题： 

1.页面1，友情链接部分，li项目比较多，当页面变窄时，1行摆不下，换行的问题。通过媒体查询，不同的页宽设置不同的布局，如大于992px时，是显示2行，每行10个li（后面4行display：none），小于992px时，显示4行，每行5个li（前面2行display：none）。

2.页面职业介绍表格部分，

开始用bootstrap层层嵌套，由于边框设置的问题，导致页面宽窄变化时，边框不合适，后来通过在bootstrap中用table，把表格分为10分，用合并单元格的方式，前两行左右各合并5列，各占50%，下面左边合并4列三行，占40%宽度，右边合并4列，分行。从而实现部分的稳定。

3.页面2左边合作企业部分，开始只是单纯的给某一个加了样式，实际上是需要hover效果的。前面的图标无序列表没有响应的样式，用list-style-image换上合适的图标，同时给a标签设置hover样式，结果发现前面的图标没有效果，后来同时给li设置hover效果，才有图标才有响应的hover效果（原因：a标签是没有list-style-image属性的，所以给a设置这个没有）

收获：

1.bootstrap自适应的熟悉和掌握，不同的宽度下可以通过媒体查询设置不同的样式实现布局的变化。

2.对hover的有了更深的认识和熟悉，应用于很多标签，不局限于a标签。hover样式的设置等。