今天完成的事情：

1、从360浏览器转战谷歌；

2、学习手机viewport 和F12调试（task1）；

3、请师兄帮忙看代码是不是命名规范，基本合格（task1完成）；

4、代码上传到Git（task2）；

5、论坛租了1个月服务器，将代码部署到Linux服务器，可以直接通过域名直接访问（task2）；

6、阿里云万网申请域名（task2）。

代码：

服务器：http://www.kt1123.com/

github：https://github.com/anemone1123/task/blob/master/task11.html

电脑效果：

手机效果：

明天计划的事情：

1、解决今天遇到的问题；

2、checkout代码，完成task2；

3、有时间的话，开始task3。

遇到的问题：

1、谷歌浏览器账号登陆不上去，最后翻墙解决；

2、租了服务器之后连接不上，百度了也没解决，最后是在@潇潇轻语的帮助下，下载flashfxp后弄好了；

3、阿里云万网申请域名后才知道还需要服务器，明天再看看怎么弄吧，可能要在论坛租1年服务器orz；

4、square在container中未居中，明天再想办法解决。

收获：

昨天的问题解答（以下解答由@潇潇轻语 友情提供）

1、Q：前几次尝试，html打开都是空白的，后来自己发现好几个声明后面都忘了加“；”orz，尝试的过程中发现sublime编辑时，正确的代码会变成彩色，错误的代码会一直显示白色，早点知道这个常识的话，前面那个错误就可以很快发现了，说明对软件还很不熟悉，打算明天请教师兄一些基本常识

A：（os：为了能直接链接git，用了一次sublime就转战webstorm了，师兄说我基本操作方法是对的，另外，以后要多用F12调试）

2、Q：我昨天好像在某个日报中看到老大要求九宫格在网页中居中?不确定有没有记错，我是用的position: relative，调整了几次left和top的值，感觉上大概居中了，但是总觉得有点自欺欺人的感觉，应该有其他方法吧，明天请教师兄

A：居中用margin：0 auto （os：这个命令其实之前有仔细看过，但是用的时候就是没记起来orz，另外，对于居中这个概念，我理解有误，先前一直以为居中就是在页面正中间，其实应该是在边框中间

position: relative 效果：

margin： 0 auto效果

margin： 0 auto效果，这样看更直观，其实是居中了，不过这么一看，新的问题又来了，中间的9个square，没有在外面的container中居中，orz

最后把W3C外边距的知识点贴上来，复习一下）

3、Q：虽然看了盒模型和display，但是感觉我没有用到的样子？0.0

A：很多没设定的属性都是用了默认的值，而不是没有。（os：好吧，多写点代码应该就能理解得更透彻的）

今天新的收获：

1、在@329师兄 日报中看到的，自适应网页设计（Responsive Web Design），挺实用的；

http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

2、其他详见“今天完成的事情”。

感想：

1、再次感谢@潇潇轻语师兄的耐心指导

2、明天要早点写日报

3、为什么我图片还是传不上去 TAT