一、今日完成的事：

9：35至9：44在手机上看了盒子模型。花费十分钟。

9：45至9：50看display,下课了，待会继续看。上电脑再整理笔记。

14：20至14：46看display。

14：47至15：20写了九宫格页面。

15：50至17：50做ppt

20:12至20：30过了一遍支持手机和控制台。

支持手机那部分没看懂，讲的应该是手机上尺寸大小的问题。也没有其他学习资料可看，先过了以后遇到再仔细研究。控制台左边是html代码，右边应该是css，有一个小技巧，要看这个元素的代码直接在这个元素右键检查。偶然发现chrome左上角有一个小手机的图标，按亮页面直接变成手机版。

task1过了，待会有时间可以搞一下GitHub。

21：58

之前写的九宫格是错的，不是直接套图片，要用盒子模型用css写，重新写了一下，写到现在好笨啊。

二、明天计划的事情：

看了一下task2，之前在ubuntu上部署过GitHub在windows上重新搞应该也不难。我一穷逼学生就不买云服务器了。争取明天完成task2。

三、遇到的问题：

Q：怎么让三个小方块排在一行，而不是四个一行。

A：用父div限制宽度。

四、收获

1、了解了盒子模型

2、display看了没怎么懂，没去实践

3、写了九宫格，知道使用div进行简单的页面布局。

4、写九宫格时不知道怎么让三个小方块在一行，可以用一个父div把其他九个div框住限制宽度。

5、border-radius属性让元素产生圆角（http://www.w3school.com.cn/cssref/pr_border-radius.asp）

float:left让元素始终浮在左侧。