今日完成：

1：完成了任务8的所有页面

2：学习了一下响应式导航条，并且修改了任务8的导航条，但是还不是很完善

需要继续修改；

3：学习了一下媒体查询，但是没有学明白，明天完成任务9之后继续学；

今日收获：

1：在设置hover样式时，把鼠标悬停时所显示的内容设置了绝对定位，然后未

触发时设为透明，但是鼠标hover时，下一层元素里的图片会漂浮在hover触发

的内容上层，利用z-index样式解决了这个问题，z-index就是建立一个垂直于

屏幕所在平面的z轴，然后给z-index赋值，所赋值可正可负，数字大小代表显

示优先级；

2：设置盒元素box-sizing: border-box；width=width+padding+border，

即改变padding和width和border任一值不会影响元素总体宽度。类似的值还

有padding-box，只对padding起作用；

3：在span里输入大段文字，比如“主要职责是利用(X)html/css/Javascript/

flash等各种”这一段文字时，由于英文过长，导致浏览器会自动换行，以英文

首字母开始自动换行，后来使用了WORD-WRAP: break-word;TABLE-LAY

OUT: fixed;word-break:break-all;这几个样式，解决了换行的问题

明日计划：

由于任务8使用了栅格系统   感觉除了导航栏其他都是响应式了，在任务8中大

量使用了col-md-6 col-xs-12这一类代码，应该算是响应式了吧。。把导航栏

修改之后就开始任务10，推一推进度往前