今天完成的事情：

1.用div完成九宫格的基本样子，并给九宫格添加颜色圆角等样式

2.复习浮动相关知识，并弄清楚了meta标签中initial-scale=1.0, maximum-scale=1.0, user-scalable=no的作用

3.学习了如何在HTML文件中引用CSS文件

4.用chrome浏览器开发者工具调试九宫格，在各种宽度下九宫格都能保持每行3个格子，并且没有横向滚轮

遇到的问题：

1.html文件标题乱码，保存html文件时选择的编码方法没注意，改成UTF-8后正常显示

2.最开始看了古尘前辈的日报，想利用naginx实现在手机上查看九宫格，结果一直都显示404，按日报上的方法改了naginx的配置依旧不行，实在不知道问题所在，最后只能用chrome模拟调试了，但是不知道实际在手机上是否能正常缩放。

3.不知道怎么上传代码，看到别的日报上师兄说任务二里面有方法，准备明天看看。

明天计划的事情：

1.搞定上传代码的相关问题

2.用手机以及ipad查看九宫格是否能正常显示

3.了解任务2的相关知识

收获：

通过任务一，基本知道了html跟css如何相辅相成，理解了框模型中margin、border、padding等概念，了解了自适应的概念以及方法，学会了如何使用chrome开发者工具来调试页面。最重要的是以前都是抱着资料猛读（之前把W3school上有关html简单过了一遍，结果什么都没记住），这次自己动手写，发现了之前真是眼高手低，动起手来各种错误，以后应该多动手，边写边学，提高效率。