今天完成的事情：

      1.推倒重新写了任务导航栏，用container调整，设置媒体查询使下拉框居中，修改导航栏切换按钮背景颜色，去掉边框。

      2.调整各模块的间距，margin=0

      3.为职业推荐页面添加hover隐藏透明效果 opacity：0.8

      4.调整各文字模块，使其居中对齐。

      5.关于colspan和rowpan：

        colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列。rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行，rowspan通常使用在td和th标签中，row:行,span:跨度,跨距,范围，col:列,span:跨度,跨距,范围。

     6.关于vertical-align属性的使用：

        inline-block水平的元素，既可以与inline水平元素混排，又能设置高宽属性的元素。例如图片按钮，单复选框，单行/多行文本框等HTML控件，只有这些元素默认情况下会对vertical-align属性起作用。虽然vertical-align属性只会在inline-block水平的元素上期作用，但是其影响到的元素涉及到inline属性的元素，inline水平元素受vertical-align属性而位置改变等不是因为其对vertical-align属性敏感或起作用，而是受制于整个line box的变化而不得不变化。

明天开始的事情：

      开始任务10！

问题：

      1.在职业推荐页面缩放时有个地方出现了小问题，一路复制下来的，上下都没问题，就中间出现了凹凸，不知道是怎么回事？

      2.导航栏“首页”，“职业”，“推荐”，“关于”鼠标移到上面要把字体变成白色，可是我找不到它的父元素？？？

      3.技能书首页的友情链接的下划线应该包括前面的小圆点。

收获：

        栅格熟练度level up！

        表格熟练度level up！

        媒体查询熟练度level up！

        细节决定品质，专注于不断打磨！就是用心体验的一种过程！给细节以时间，带来让人无法拒绝的体验！追求极致，轻易不说完美，平时不敢说，不轻易说完美！怎么精致都不过分！网通此心，页通此理！