一、今天完成的事情

1.完成对任务三文件的修改。

2.了解relative相对定位和absolute、fixed绝对定位；header布局；使用position：absolute垂直居中定位。

3.粗略了解表单input元素样式的多种属性（11个传统元素属性，19个html5新增元素属性）。

4.制作登录页。

二、明天计划的事情

任务5

三、遇到的问题

1.任务三需修改的地方

①切图模糊

解决方法：重新切图，保存为PNG-24，图片缩小为原来的一半；参考师兄给的建议，选中图层，快速导出为PNG。

②页面缩放，元素位置发生变动（图标跟字体不对齐）。

解决方式：调整边距；将图标和文字分开放在一个div里，设置text-align: center。

③页面底部出现空白。

解决方法：html添加height: 100%。

2.“登录”div在缩放过程中发生偏移。

解决方法：left: 50%即块左边缘线位于中轴线上，设置width: 30px，添加margin-left: -15px，使块向左移动自身一半长度的距离进行修正。

3.header使用fixed绝对定位导致脱离文档流，和div account重叠。

解决方法：添加div block，填补div header；header设置top: 0;left: 0，添加div2 margin: top。

4.测试时点击input窗口不显示光标。

解决方法：修改input color: black。

5.input窗和图标错位。

解决方法：分别在div account img和input添加vertical-align: middle、vertical-align: bottom（参考链接：https://www.cnblogs.com/xiaqilin/p/6929586.html）。

6.button移动端测试存在边框。

解决方法：在button样式增加-webkit-appearance: none。

四、收获

1.使用调试模式，对错误的地方进行修改，删除多余语句。

2.提高检索，查阅资料的能力。