今天完成的事情：完成任务3，和任务4，看了任务4的input元素的属性和相对定位，绝对定位。任务4做了一半，师兄说有问题，相对定位不是我这么用的。加深对盒子模型的理解程度。知道了id的意义和用法，使用display：inke改变框为行内元素，了解了div和span的区别。熟悉了对布局的思路，知道了高度和内边距的区别和使用的时机。

明天的计划的事情：在做一次任务4看一下任务5，看自己能不能做完，熟悉input的元素的属性，上午把任务4再做一遍，下午把任务5的大概布局和该要的技能熟悉起来，尽快把思路和对代码单词的记忆程度提上来。加深对边框

的理解和使用。

遇到的问题：看到任务4的时候根本不知道输入框怎么搞，看到那个注册和返回的时候，完全没有思路，感觉全是切图。除了切图

还是切图，问了师兄才知道span， 使用input时，总是出错，之后吧type的w3标签看完之后全改了，做完任务4之后手贱删了css的

文件只好重新码，没有保存的习惯。之后又在link rel的引用上出问题了，师兄看完之后把type=“text/css”删了就好了。
收获：今天做完任务4有种成就感和归属感，把昨天任务3的文件代码拿出来觉得自己可以改很多地方，在布局和代码熟悉程度上

进步了不少，今天做任务4时，看到了泌修长老的任务详解，自学的能力加强了很多，不会的地方还是很多但是自己百度。

下面是今天的成果图：知道了link引用中不要加type=text/css,会引发文本接入问题

relative和absolute的区别以及使用的方式

插入图片时使用class和id不同的地方

border-radius和border-stype的使用

overflow：auto或者scroll 效果为如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容

fiex布局：flex-direction:row; 沿水平主轴让元素从左向右排列；

flex-direction:column; 让元素沿垂直主轴从上到下垂直排列

flex-direction:row-reverse;沿水平主轴让元素从右向左排列