今天完成的事情：task7的第一个页面完成了一半，解决GIT无法使用的问题。学习使用PS CC的智能切图功能。

明天计划的事情：完成task7的两个亚眠

遇到的问题：（遇到什么困难，怎么解决的）

Q1：底部的图片靠上层元素，需要下移至盒子底部。设置为display:block;使用margin-bottom无效。

A1：设置display:inline-block;使用margin-top使得图片下移成功。

Q2：多个图片同时设置float:right; 使用margin-right后发现异常。代码里第一个图片是先margin-right，然后第二个第三个图片。

A1：如果是多个图片使用float:right和margin-right。代码中图片的顺序应该是最靠右的图片为第一张，然后依次排序。正好和float:left和margin-left相反。

Q3：之前GIT报错“ssh: connect to host gihub.com port 22: Connection timed out”。（半个月前的日报有详细描述http://www.jnshu.com/#/skill/daily/detail///1/4592/1547/5197/1/206/css/0//1#1）

A1：原因是端口22无法使用。通过修改端口为443来使GIT重新连接到github。在.ssh文件下面添加config文件（此文件需要新建），然后把github上的项目clone到本地的文件夹（本地文件夹未建立或者文件夹为空）。然后正常使用git，但是需要git commit -m zhushi（“-m zhushi”中“zhushi”可以为任务字符但是一定要加上，要不然会报错Aborting commit due to empty commit message。感谢周平伟师兄的帮助！！！

参考资料：http://www.cnblogs.com/kysnail/archive/2012/03/31/2427397.html

收获：

block、inline、inline-block三者的区别：

block 块元素：

总是在新行上开始，顶头开始。高度，行高以及顶和底边距都可控制；

inline 行内元素： 

　　和其他元素都在一行上。高，行高及顶和底边距不可改变；

inline-block 内联对象元素：

    元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性。

今天切图切了一个多小时，然后刘帅师兄告诉我可以用智能切图。分分钟搞定。感谢刘帅师兄。PS真是博大精深啊。

PhotoShop我电脑的版本是CS6，原来智能切图相关的功能只有CC才有。我的软件需要更新了！！！

今天代码写了一半，就不贴地址连接了。

关于中英文编码的问题找了资料看看，还没整理出来，先贴两个连接，待后续整理。

字符编码笔记：ASCII，Unicode和UTF-8 http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html

(精)字符集GBK和UTF8的区别说明  http://blog.itpub.net/55022/viewspace-713901