今天完成的事情：

   提交了任务4，在做任务4时我用到了用ps上面工具找到资源的颜色，用到了盒子模型的边距，内边距，边框，用浮动把我的图片浮动到左边，用type="text"在百度找到的代码解决了，输入框的问题。

 用 父元素与子元素，给父元素一个高，给子元素一个行高，然后使元素垂直居中，用一个大的div包住几个元素的方法使他们在一行中。下载好了ps配置成功。虽然下载了多次而且没有成功，配置了一键切图，配置好了git并且，装好与github的链接，上传了任务4到github上。

 
明天计划的事情：开始任务5

遇到的问题： 

ps多次下载失败，师兄给我传，还有百度的方法也用了，最后还是用管理员身份运行才成功。垂直居中，多次百度找方法，一个个的试，最后才实验出适合我的。

收获；又学习到了盒子模型加深了印象，又一次用到了浮动，学到了垂直居中，用父元素与子元素的方法，输入框学会了。

                                       任务4总结

让让header紧贴顶部没有缝隙，我用了margin;0;的方法，使元素紧贴。学会了垂直居中用到了行高，

行高指的是文本行的基线间的距离。就是每行文字下边与下一行文字的下基线之间距离

水平居中就是使文字在这行、单元格、编辑范围内处在中间；垂直居中就是使文字在这列、单元格、编辑范围内处在中间。学到了垂直居中和水平居中，用到了垂直居中，垂直居中时会把除去元素的剩下面积，平分达到居中不会改变位置，适合各种浏览器。

脑图：

                          任务4深度思考：