今天完成的事：

1.任务四进行中

2.任务三深度思考（1.2）

明天的计划：

1.继续任务四，完成任务四

2.任务三深度思考

遇到的问题：

1.任务四--对于header的头部设计，我一直想不好怎么布置好，本来想采用三个p标签不用div，后来发现三者的位置非常难确定，只能采用三个div。接下来就是内部文本，span/p/h3，我在想能不能只用一个就行，尝试后发现，想要一个在最左边，一个在最右边，中间有居中一个，那我只能用绝对定位+flex了，只好把三个文本拆开来写。最后经过调试就是这样子 

ps：我觉得可能有更好的办法，后续和师兄讨教一下

2.两个小Logo的摆放，一开始采用直接在块级元素后面加img，图片大小，位置都调好了，本以为很完美。 然后等我把form表单加进去，才发现这图片直接被隔开来了，心碎一地！ 应该先做表单再加图片的，经过网上查询，貌似可以用直接在input里面添加背景图片，然后用padding把logo移到左边，明天再试试

3.form表单的“输入”状态还没添加，目前是点不动的，输不进账密，明天继续完善

任务四进度展示：

收获：

1.如何利用PS切图以及从UI图中获取所需信息？  

    最快捷方便的方法，用一键切图---在图层的列表先选中Logo，然后用虚线选择框框中想要的logo图层，F2一下--Ctrl+Shift+Alt--保存png-8格式

2.px、em、rem、%、vw、wh、vm等单位有什么区别？

px:  px全称pixel，像素的意思。一张图片就是由很多很多个像素点组成的，栗如一部手机的像素为1080*720，那就表示水平方向有1080个像素点，垂直方向有720个像素点。 

em:  是一个相对长度单位，参考物是父级元素的font-size，具有继承的特点。

rem:  同em也是一个相对长度单位，css3的新单位，参考物是根元素html（网页）的font-size，但是不像em会受到父级元素的影响。

百分比：（1）对于普通元素，可以理解为是相对于父级元素大小的百分比（2）对position:absolute的元素是相对于已定位的父级元素   （3）对于position:fixed的元素相对于viewport。

vw: 全称viewpoint width，视窗宽度，1vw=可视窗口宽度的1%，举栗：浏览器宽度1500px，

那么1vw=15px。

vh:  全称viewpoint height，视窗高度，1vh=可视窗口高度的1%。

vm:  相对于视口高度或宽度中较小的那个，其中最小的数值被分为100个单位，举栗：浏览器宽1500px，高800px，那么1vm=8px，通常来说vm的兼容性较差。