今天完成的事情：完成任务4                            
明天计划的事情：复习学过的知识点然后目标任务5                            
遇到的问题：   <header> 三个文本不在一水平上缺一不可       解决方式：我选用层模型的固定定位     “登录”文本用  text-align: center;  居中 

              表单的几个元素不能正确的处于其位                           解决方式： 用固定定位配合margin  和  padding                 

              提交的登录按钮一开始无法改变CSS样式                    解决方式 ：更改表单按钮为<button type="submit">

              登录按钮下方有黑影                                                    解决方式 ：border: 0;

              输入框点击后有方框显示                                             解决方式 ：outline:none;

              输入框提示文本颜色不能为灰色                                  解决方式 ：input::-webkit-input-placeholder {color: #eaedee;}
                                                                                                                     input:-moz-placeholder {color: #eaedee;}
                                                                                                                     input::-moz-placeholder {color: #eaedee;}
                                                                                                                     input:-ms-input-placeholder {color: #eaedee;}看不懂，可以改变提示字符的颜色

收获：一些表单知识  如：password属性为密码框，输入后显示星号；placeholder属性提供占位符文字，描述输入域所期待的值。

          我觉得还可以加点样式比如：密码框外一个眼睛按钮一案密码显示。