今天完成的事情：

1.完成了任务四header布局，让header紧贴顶部，保证3块文字分别居于header的左中右，并垂直居中

2.试着做表单布局

明天计划的事情：

继续研究任务四

遇到的问题：

1.刚还是header部分，不能两边占满浏览器，还是有点距离，最后用了绝对定位才达到效果

2.中间表单部分，输入框提示内容不知道如何做，百度了下要用到placeholder属性

收获

1.学习了如何切图

2.F12的用法简单了解

3.了解了三种div中的内容垂直居中的方法a.行高（line-height）法.如果要垂直居中的只有一行或几个文字，只要让文字的行高和容器的高度相同即可;b.内边距（padding)它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中,比如：p{ padding:20px 0;};c.模拟表格法,将容器设置为display:table，然后将子元素也就是要垂直居中显示的元素设置为display:table-cell，然后加上vertical-align:middle来实现。

4.placeholder 属性提供可描述输入字段预期值的提示信息。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

5.display 属性规定元素应该生成的框的类型