完成事情：

任务4完成，并上传到个人网站且可以访问

任务收获：

一、DIV

1、task4主要是针对表单的引入以及简单练习(<form>...</form>)；

2、其中手机号码和密码输入栏用到了<input type="text/password">；

3、在对表单内的单元格进行设计时，用到了无序列表<ul>、<li>；

4、每一段<li>中都用lable标签来定义输入图标<lable for...> </lable>；

5、其中在input的标签里，需要用placeholder来定义没有输入时的提示说明语句，另外在input的id标签中，CSS、HTML和JS的识别是不一样的：HTML中不同的input类型使用相同的id页面不会报错，CSS中对同一个页面相同的id标签都会应用相同的模式，JS中如果有相同的id，只会取第一个具有该id的标签；

二、CSS

1、在对lable和input进行描述的时候，使用到了vertical-align来保持垂直对齐；

2、在input中使用了text-indent来保持首行缩进；

3、在对登陆页面的头部进行排版时，“登陆”、“关闭”、“注册”三个文字标签的排列方法，

     a、设置三个<div>块利用左浮动来排版，

     b、利用<p>标签的wordspacing（但是并不能改变中文词组的位置），

     c、在DIV的<p>标签中加入id选择器，然后再在CSS布局中对不同id进行描述：

          DIV：<p id="close"></p>

          CSS:  #close{ }

    再用line-height保持头部行高一致

4、在input和button的描述中要加上border：none来去边框；

对CSS选择器的领悟：

CSS里的样式表是有规则组成的，每条规则有三个部分组成：

1、选择器（如：“body”），告诉浏览器文档的哪个部分受规则影响；

2、属性（如font-family、color等），规定了布局的什么方面被设置了；

3、值（如Arial,sans-serif，#333333等），给出了式样属性的值。

#是ID选择器 、.是class选择器、 *是通配符号

#号对应id

点号对应class

不加对应html 标签

　　归纳成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。在实际应用的时候，Class可能对文字的排版等比较有用，而ID则对宏观布局和设计放置各种元素较有用。

遇到的问题：

登录页面在电脑和IPAD横屏上看起来都没有问题，但是在手机上和IPAD竖屏就出现了下面的问题：就是我的input输入栏和lable标签栏并不在一条直线上，而且不随屏幕的大小而改变位置。

这是我的代码页面：http://www.nyhotsizzle.top/task4/task4.css还请各位大牛指正！