今天完成的事情：

1.     修改任务四的代码，使其完善。
2.    主要在两个方面:<a>的样式修改和<img>垂直居中。

   争取尽量能学习任务5，大致能做出个样子。
遇到的问题：

    <a>标签的样式修改，具体的写法忘记了。登录W3C网站学习。样式如下：

a:link{color:#fffff}/*未访问的链接的颜色*/

a:visited{color:#ff0000}/*已访问的链接的颜色*/

a:hover{color:#ffff00}/*鼠标移动至链接上时的颜色*/

a:active{color:#000000}/*点击至松开中间时间链接的颜色*/

顺序不可乱，可以配合类使用，比如：

a.sky :link{coror:#0000fff}

<a class="sky" href="">sky</a>

下划线的有无可用text-decoration:underline/none 实现。

    又见垂直居中，折腾半天用尽网上的办法都无法实现完美的效果，在不知是换了几个方案之后，用定位代码如下：发现输入框是可以实现垂直居中的，但对前面两个<img>无效。这引起了我的思考，如果能找出两者的不同问题也就可以解决了。经过几分钟的反复推敲，确定是因为<img>外包了<div>的结果（<input>没用）。不过最终并没有使用上述定位的方案，而是：

父元素设置高等于行高，子元素vertical-align:middle;最后设置margin-left;marigin-right实现任务要求。 

收获：

    各种垂直居中的方法，方法虽多，能用才行。不是每个方法都可以。