昨天和今天晚上完成的事情

• 重新修改了任务 3。
• 完成了任务 4 的大体布局。
• 今天大半天时间都在看书写作业了~

明天计划的事情

• 改进任务 4 的代码。

遇到的问题

• 最开始以为任务里的 header 是类名，原来说的是定义页眉的标签 <header>。同样，<main> 标签规定文档的主要内容。

• 表单用 <form>、<input>、<button> 等。

• header 上的三个字体，一左一右一中间，起初我用 float，并不知道怎么在垂直方向居中。之后用了定位，加了下边的代码来让「登录」居中。我用是 div 套 p 标签，谷歌浏览器的 p 标签里上下外边距都默认是 1rem 了，所以我找了个合适的 header 高度，不然字体就不在 div 里垂直居中了。

  position: absolute；margin: auto;top: 0;right:0;bottom: 0;top: 0;

• 输入框的宽度比较短，得想办法改长并且不破坏布局。

• 

• 参考其他登录页面时，代码里有 ::before，还没去了解这有什么作用~好像不用也没影响~

收获

• 谷歌浏览器上的默认 font-size 是 16px，最小 font-size 是 12px。所以在根元素用 font-size: 62.5% 的结果是字体大小为 12px，而不是 10px。
• 参考了简书和修真院登录页面的表单代码，然后自己整了个 <img> + <input> 的表单。对 img 设置了 absolute，通过 margin-left 和 padding-left 来把 input 放置到合适的位置，在 margin 和 padding 间搞了个 border 来显示短线。
• 

这是 4 月 6 日的……代码还没放 github 上~