1.任务四总算完成了

2.任务五做完了头和尾。

明天计划的事情：

1.完成任务五

2.

1.基本都解决了

收获：

第一：今天从下午开始，收获还是很大的，多谢各位师兄同学不吝赐教。果然有人问和没人问不一样啊，很多以前不懂得东西，今天一下子都了解了。

先说头，一直出现的问题是，三个词语不在同一行。

比较好得解决方案是左边得用绝对定位，然后加上行高，都能跑到色块得中间来。

中间的不加限制，在父类添加，text-align:center;

可以对子类的登陆起作用，登陆就跑到中间去了。

然后就是这个老大难右边的注册，其实很简单解决，加一个绝对定位，加一个

right，再加一个top，根本不用给尺寸，只需要给一个数值0就可以。

用多了也就记住了，还有一个bottom是下面的数值，一个left，top，right

第二。就是比较容易出现的bug，输入框和和手机图标不在同一行，用那个span属性可以解决，span属性本来就是可以同一行，和div对应。但是他是inline属性，所以要加一个display：inline-block。

第二个，输入框点击会出现一个蓝色的框，加一个outline：none；

不要本来的框，可以做一个border;none

因为position不占用文档流，所以输入框的左边外边框是margin-left：67px；这个67是手机宽度加上左右两边padding的宽度。

img和输入框放在两个span里面，才好。

中间的线，可以采取手机空间border-right ：solid red；的方式显示出来。

第三就是学会了F12一些新功能，比如concle找display属性是什么。

还有一个用箭头点击图片看大小。取消手机查看模式，还有一个在某地方直接添加属性

三。再就是把任务5的头部和尾部做出来了，头部字体不用说，用了个line-height垂直居中，箭头在网上找了个css的实现方法，然后用了个绝对定位加上了。

尾部其实差不多，就是色彩是反的，然后加了个绝对定位。大小长度差不多就行了。

然后就是滚动轴，记得用position：fixed。

进度：CSS任务五