今天完成的事情

  1.有一点时间调整了任务三的代码，将id选择修改掉；

  2.浪费了两个钟的时间搞Xshell的root用户问题，我已经被打败了；

  3.开始了任务四，完成了1~5.5：

    学习了定位相关知识，再完成了登录页的header，一开始左中右三元素，左右运用了浮动，中间这个不知道咋办用了乱用了text-align（可以看出我对这个属性不熟悉），之后通过实验，发现如果中间元素不浮动的话，左右两个元素会被隔开，三个元素变成三行，想到这一点后，将中间元素运用定位绝对定位把它搬到中间，但随着屏幕宽度变化中间元素并不能一直居中吧，又是居中问题

   之后学习了input和button，还没搞定，但能学到新鲜事物感觉很有意思！

   今天只能这样

明天计划的事情

  1.继续任务四；

  2.不断完善代码；

  3.解决未能解决的问题；

遇到的问题

  1.看上图可知，header并不能完全到达顶端，左边右边还有空隙，搞不清楚为啥。（好吧这个问题还没去查呢~）

  2.关于三个元素，居中元素能够自适应；

  3.行框和行内框的区别？

  解决方法：网上搜。

  行内框：文本行中的每个元素都会生成一个内容区，此内容此则会生成一个行内框，此行内框行高默认等于文本高度；

  行框：行框是包含此文本最高行内框的顶端和最低行内框的低端；

收获

  1.CSS定位position属性：

   ①思想：允许元素框相对于正常位置或父元素或浏览窗口本身的位置；

   ②值：

   a.relative：元素框偏移某个距离，仍保持未定位前的形状且仍占用原来的空间，所以下一个浮动元素被此元素原来的空间隔开；

   b.absolute：元素框偏移某个距离，原来的形状和占用的空间都关闭消失，新生成一个块级框；相对于其包含块定位，包含块可以为父元素，没有父元素时为文档最近的元素（不知道理解得对不）

   c.fixed：除了包含块为视窗本身外，其他与absolute一样；

  2.补充了float的知识，之前以为在一个div上加个float属性，里面的元素都浮动啦~~今天学了才知道这样只能让div整块浮动，想让某个元素浮动就在这个元素加上！嗯！浮动功能挺厉害的！

  3.学习了text-align相关知识：

  text-align：文本的水平对齐方式；通过指定行框与哪点对齐，从而设置块级元素内文本的水平对齐方式；（不懂，之后要做实验）

  4.z-index属性：设置元素的堆叠顺序，Z指的是显示区的轴，正值靠近用户负值远离用户，差不多就是屏幕上贴了一沓纸，越靠近我们就越大；（还没实验，有种一本正经的胡说八道的感觉）  

  5.学习了display属性：定义建立布局时元素生成的显示框类型，就是把原来的类型改成另一种你需要的类型，比如上次的居中问题，将img定义为了block了，（但还是不懂为啥定义了block加上margin0 auto就可以居中了）

  6.粗略学习了input、button标签，明天继续搞懂；

  7.今天的代码为了简洁点，用到了div.xxx p这种选择器哎，竟然可以哎，超级方便~

日报用时半个小时，今天晚上还是学得挺愉快的，边学习边实验，但是下午真的被Xshell切换个超级用户给打败了，太浪费时间了，心塞塞的。

明天继续~