今天完成的事情：

了解vertical-align属性，表单元素属性，inline box，outline去掉input边框，line-height实现文字居中。

明天计划的事情：

了解学习任务五。

遇到的问题：

1.设置header高度后，在类header里调大中间“登陆”字体，header也随之变高。请教师兄后明白原因，将之前用标签直接包裹文字（<span>登陆</span>），改成在文字外再加一层标签（<span><label>登陆</label></span>），通过设置新增标签的样式来调大字体，保证外层header高度不变。

2.中间两个输入框里左边小图标的放置，看到说用背景图像的，但是图标右边的竖线怎么弄出来呢，还有背景图像设置位置background-position时怎么刚好在竖线左边区域居中呢。没想明白，于是改用img来放小图标。

3.vertical-align属性的理解，值为top的释义是元素顶端与行中最高元素顶端对齐。参照这篇文章的解释http://www.zhangxinxu.com/wordpress/2010/06/css-vertical-align%E7%9A%84%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%EF%BC%88%E4%BA%8C%EF%BC%89%E4%B9%8Btext-top%E7%AF%87/，顶部底部所指的都是就inline box和父元素line box而言么。

4.vertical-align设为middle实现垂直居中的用法，中间输入框部分，左边小图标img和右边input都设置middle，并没有出现垂直居中，把外层div的高度和行高改为一样后，里面的img和input才垂直居中了。vertical-align：middle只和父元素相关的话，那是要有一个参照确定父元素的中线，子元素的垂直居中才会生效么。

收获：

明白如何在不影响父元素高度情况下调字体大小，学会vertical-align实现垂直居中的用法，了解inline box与line box，form表单各属性。