今天完成的事：完善了登录.png页面，提交任务四，开始任务五的学习。

明天的计划：明天先学习vw，再了解em和rem的差距，之后开始练习代码的规范写法以及顺序。

遇到的问题：1、昨天做的登录.png只是看上去可以了，实际上还是有一些东西没加，在给“登录”做bottom的时候，发现登录按钮有白框，把border设为0没用，又把margin和padding都设成0,还是没用，百度后了解到还需要加一个outline（中文轮廓）属性。下图：

                     2、input的输入框在点击后会多出一个颜色框，影响美观，又去百度了如何才能消除，知道了要在input里加一个属性，outline：none，咦，貌似好像在哪里见过，在梦里吗。

                     3、还是input，师兄要求在“输入手机号码”那一栏里不能够输入除了数字以外的任何字母和符号，且字数只能限制在十一位，好高的操作啊，百度后得知要把 input type="text"里的text换成number就只能输入数字了，然后要字数限制的话在input标签里头给它加个maxlength="11"就好啦，但是问题来了，在已经设置了type=“number”的情况下，maxlength不会生效，两个只能要一个，而且number会让输入框出现一个默认的光标，后来师兄看我在网上实在找不到就吧代码发过来了，看不懂。

                     4、最后，在谷歌浏览器调试的时候发现，在把尺寸缩到230 x 647以下时，input会凸出，如图： 百思不得其解后，还是请教了师兄，原因：当父级元素的宽度是100%的时候，会因为子集的margin影响有偏差，要让父级包裹住绝对定位的子集，需要给父级加相对定位：position:relative,再加overflow：hidden。

收获：1、学习了flex的属性，有点杂，印象也不够深刻，有时间再看一遍。

          2、知道了怎么样制作点击按钮，和<a>标签的作用有点相似。

          3、知道了定位与定位之间还有包裹的含义。

          4、虽然type="number"和maxlength属性最后没有用上，但是也学到了。