今天完成的事情：

1. 学会使用putty，plink，pscp连接Linux云服务器，并掌握简单的命令

2. 学会使用PS切图

3. 了解了网页自适应设计

4. 了解了px和em、rem的概念和区别

5. 得知SSH Secure File Transfer Client神器，可以远程连接Linux云服务器

6. 完成任务2和3

7. 复习巩固了CSS 定位

明天计划的事情：

1. 着手任务4

遇到的问题：

1. 不知道如何连接云服务器上传文件（解决方法：使用SSH Secure File Transfer Client，连接到Linux云服务器并上传/下载文件）

2. 虽然已经把task1的html文件上传到云服务器，但是却无法访问（解决方法：访问的地址弄错了，应该是http://119.10.57.69/ptt08/..）

3. 切图有白边（解决方法：保存为png24， 而不是png8）

4. 屏幕适配问题（解决方法：复习CSS定位，学习自适应设计，然后反复更改代码，反复调试！反复更改代码，反复调试！反复更改代码，反复调试！）

5. 颜色适配，bgcolor使用RGB，Chrome、FireFox和手机端不能正确识别。（解决方法：百度RGB转16进制色）

收获：

   今天完成了很多事，上午花了很多时间鼓捣如何连接云服务器，然后找到putty这个使用DOS命令连接的工具，操作起来很不友善，下午偶然在QQ群内得知神器SSH Secure File Transfer Client，解放的感觉！

然后进行任务3，通过攻略，切图技能get！但是并没有找到列表页的写法，所以自己瞎折腾，为了屏幕适配问题，不断地改代码调试，反反复复几个来回。

总结一下适配的小技巧：

1. Viewport元标签

<meta name="viewport" content="width=device-width, initial-scale=1">

       2. div水平居中

（1）text-align: center （内容居中）

（2）margin: 0 auto

       3. 灵活运用浮动定位

今天很充实！反复调试代码到最后完成任务，成就感爆表！

为何坚持，想想当初！

任务链接：

task3成品图

task GitHub链接