今天完成了什么：

完成任务四；

遇到了什么问题：

一开始登陆框跑到上面来了，后来师兄告知是结构搞错了，应该放到form标签里面，另外登陆框是个按钮，有专门的样式button，放在form表单内。

然后遇到了下图这样，登陆字样不会居中，试过了margin：0 atuo；无效，line-height：0.44rem还是无效，取消display：flex，登陆框里面跑到下面。查了下flex的属性，最后添加了

justify-content: center; /* 水平居中 */

align-items: center;     /* 垂直居中 */

这倆个属性才完成。

添加了忘记密码样式后，发现不会像右端对齐，查了下flex的属性，用justify-content：flex-end，并对盒子设置了width：97%的样式，使其拉伸全屏并让登陆字样垂直居中

上交代码时，师兄检查登陆框还有样式，f12查了下button的样式，发现还有默认boder边框，于是添加boder：0；使其边框消失。

给输入框限制输入只能为阿拉伯数字，设置了最大11位数字，但是不填数字或者俩三个数字都能提交，查了下后期用js才能控制必须输入11个数字才能提交并且识别出是有效的11位号码，另外给密码框设置了最少输入8位字符，

明天计划：

总结任务四，等待审核领取完成部分任务五。

今天收获了什么：

在登陸框居中時可以用justify-content:center屬性;元素在容器里居中。同時要注意width父元素的寬度。

button：outline: none;使outline （轮廓）樣式取消。

在命名规范中，css代码如果有重复的可以在html class里面添加语义化相近的选择器。例如多个元素有width：100%。则可以给多个calass选择器添加”w100“指的是宽100%。这样能减少避免代码冗余。

上传代码到github仓库里，git add . 点后面添加上传的文件夹的名字，不加就默认更新全部，然后git commit -m "上传的文件命名"，然后git push 回车。等待github的代码同步，有时候可能等个几分钟才能同步出来。