今天完成的事情:

1. 之前没有注意到师兄在每一次任务审核时的留言, 今天才注意到, 就先把之前的任务根据师兄的留言修改了一下. 

1) 修改task1, 使得代码更加简洁; 

2) 修改task3, 能用CSS写出来的, 坚决不用切图, 之前task3的很多东西都是切图切出来的. 

3) 修改task3的背景色, 这个是因为Ubuntu下, 用GIMP打开psd文件的时候会有颜色的转换, 因此用取色器取色的时候会有色差. 

2. 完成task4: 

1) 使用阿里巴巴的图标库, 下载示例图的中三个图标(相似). 这还是因为GIMP打开psd文件的时候有色差, 这次还比较严重, 那些图标直接就显示成白色了, 用切图还不如去图标库下载来的快. 

2) 完成task4设计图的布局, 不加表单. 这一步主要熟悉了用div + CSS去布局, 具体参考了那些资料, 在我的note中有记录

3) 学习form标签和input标签以及如何设定这些标签的样式, 还有header标签的用法. 

4) 查看完成任务之后, 有哪些提交的要求, 进一步完善代码. 在这一步, 我发现任务中要求的时候每一行的地位要求用绝对定位, 就修改了定位方式, 改用绝对定位, 而不是普通流. 

5) 调试. 

明天计划做的事情: 

明天的内容, 和今天的差别不大. 主要的难点在于: 

1. flex的掌握; 

2. CSS代码规范; 

遇到的问题: 

今天没有遇到什么特别难的问题, 基本通过搜索引擎都可以解决. 

收获: 

今天刚开始任务的时候, 基本上是无从下手, 不知道如何去做些这些布局. 

我的思路是这样的: 

1. 先用文字表示每一行的布局; 

2. 然后把每一行的背景和大小搞好; 

3. 再往里面填东西. 

我是这样一点一点把布局做出来的. 不知道这样的思路是否是高效的? 还望师兄指点. 

此外, 我发现用Class选择器可以很方便的替换代码. 比如: 刚开始的登录按钮, 我使用的是div标签在布局, 后面切换成input的时候, 只需要将input标签class属性的值修改为之前写好的class选择器就好了, 基本可以无缝衔接, CSS的代码完全没有变化.