1. 今天完成的事情：1.完成任务四，通过谷歌浏览器进行了调试。
   

                      任务四我改变了策略，只截取了自己想要的id和password两个小图标。

                      2、能否不设置具体宽度，比如XXpx？

                         整个大框架，里面我分了头、输入框、登陆、忘记密码5个块级元素。

                         head部分我我又分了三个子元素【 关闭、 登陆、注册】。每个元素width占比分别为30%、40%、30%。

                        5个父元素height占比也是按照百分数设置。

                     3、如何让三个元素并排，并且左边文字左对齐，右边的右对齐？

                      将块元素横排显示，设置display:inline-block;

                      左右分别设置float：left和right。同时，设置text-align：left和right。 

                    4、设置了text-align为什么不右对齐？

                         一直找不出错误，结果通过谷歌调试看到，zhuce部分我写成了.zhece。写代码一定要认真啊。

                   5、如何设置块元素内部文字颜色？

                            .div a{  color:white ;}

                    6、链接的下划线怎么去掉？                 

             a{text-decoration:none;}

         7、登录id和password小图标怎么设置？

                .id{background:url(images/Task4_03.png) no-repeat 0 center;  

                   【仍存在疑问地方】

        1、head部分我设置的从5%-100%,但是一直都是小细条，找不到原因。？

        2、输入框中icon无法垂直显示，并且输入框无法正好充满屏幕，我设置的220%，已经跑出屏幕了。？

        3、我任务四的编程思路对不对，块级元素套块级元素？字体格式、背景什么的都在css中设置。？

收获：好好学还是有进步的。看别人的日报说，div 最好用class不用id。开始不明白有什么区别。在网上查了才知道，

1、使用区别
id具有唯一性，在一个网页中同一个命名只能使用一次；
class命名的类可以在一个网页中使用无数次。

2、css中区别
id在css代码中是以“#”井号符号开头命名的类
class在css代码中是以“.”小写句号符号命名开头的类

做任务四的时候我就用了class。id和password，都是在middle块级元素中，不用重复设置，很方便。