今天完成的事情:1.调试任务四排版（header采用absolute排版，同时认为可以父系fix，子系左右采用float中间自适应的模式完成一行三列的效果）；中间内容采用

background-image: url();background-position: left;padding-left: rem;background-repeat: no-repeat;的方式将小图标放置input type的文本框里；利用button框显示最后登录框。

                        2.提交任务四。

                        3.联系代码熟悉。

                        4.练习使用Chrome调试

明天计划的事情：1.任务四查漏补缺 2.学习任务五 3.回顾知识 css html基本知识（明日重点）

遇到的问题：任务四 input type的text框和password框width不知道该如何设置。最开始用rem设置，pc没问题但是Chrome 调试发现框太长，header和button框出现右侧白边无法满屏。后改成%，调试手机样式还行，PC端与设计图有些出入，text框和password框宽度显示较短。同时使用火狐浏览器调试效果与Chrome调试有出入。

收获：1.排版练习  看到图能想到更多的排版方式的可能性，多多练习应该会好点；

           2.  background-image: url();background-position: left;padding-left: rem;background-repeat: no-repeat；代码的学习

            3. button框的学习  <button type="button"></button>  附：button.input框border都可去除，采用border:none即可实现；

            4. 任务四将PSD图画出来用PS测量距离（快捷键ctrl+r)，之后按比例尽量实现图形。感觉有的地方做的不对，不过又有了一次新的尝试。