今天完成的事

写任务四，任务四头部还算简单，我先是建了一个div标签然后在里面用3个span把三个文本写好了，

然后是中间部分，这部分我是用的UL标签和form标签做的，ul标签为无序列表标签，常与li标签连用，from为表单标签，常与input标签连用，这个ul和from都是非常常用非常重要的标签，

首先我建立了一个div盒子里面放上ul和li标签，li要设置字体的行高和背景颜色，先在li标签里插入个i标签，这个i标签设置浮动，背景图片也就是小手机小钥匙，设置背景图片一定要加上‍‍background-repeat:no-repeat;这个属性，不然会平铺的，i标签下我用div标签做了个竖的分界线在下面用from做了个表单，，下一行也这么作，最后底部的登录建不用div盒子，直接用from标签就行，把widthwise设置成100%就行了。‍

明天计划的事

‍‍修改任务4，作任务5

遇到的问题

今天作任务四遇到了很多问题，首先任务要求是页面背景颜色必须都是青色，我开始的反应是建一个大的div盒子，但后来感觉不对，因为下拉还会有没填充的部分，想了好一会才反应过来，把body的背景颜色设置成青色不就行了吗。

之后是顶部的部分，登录要居中，注册要在左边，关闭要在右边，开始时我在div设置text-align：center，但是发现文本全居中了，后来用绝对定位才解决

之后是中间的的竖直分割线部分，一直蒙逼的不知道怎么作，查百度给的方法是用div作。

中间部分的小图标开始我是直接插入图片，但是不知道为什么会变乱，最后用i标签当背景图片插入。input标签的默认提示词开始我使用value属性，后来发现输入完密码后提示词不重新出现，而且提示词的颜色跟输入的密码颜色一模一样，后来查百度才知道要用‍‍placeholder属性，‍‍

最后登录我本来使用div标签写的，但是查看官网的提示后才知道那是个摁纽得用input标签。

收获

重新复习了便UL和form标签，对他们的理解更深刻了，还百度学会了竖直分割线。