完成竞赛等各种琐事之后，终于有时间来静下心面对前端这个领域，之前虽然有所涉猎，也有所行动，却多是闲暇时候抽空，总有些匆忙的意味。

今天完成的任务：

1.将Sublime Text 3配置完成，终于有一个适合自己习惯的IDE，各项操作也渐渐熟悉，不再手忙脚乱地找帮助和百度了。

2.之前的代码已经遗失了，所以从头重写，重写的过程中发现思路比起以前好很多。之前进行任务的时候，使用了多次嵌套来完成，做到后面却总是没办法形成九宫格，这次先定义了body的高度，然后在这个基础上使用了9个div标签进行编写，得到了gif所呈现的效果，并且比起原来更加简洁且容易理解。

明天计划的事情：

1.按照要求去尝试一下移动端的适配，这个之前也没有接触过，所以要有所准备和预习。白天抽出时间去看一下W3Cschool的材料以及问题中给出的文档，争取晚上进行任务的时候不至于一窍不通。

2.不过明天的课有些多，并且都是必修课，所以时间可能不够。假如事情比较多的话，可能要多放到周四晚上进行，但这样又有可能对今天晚上的内容有所遗忘。因此假如明天抽不出时间的话，晚上得重新写一遍代码，从头整理一下思路，免得遗忘。

遇到的问题：

主要问题在于九宫格中每个方块的宽度如何适配长度，以及如何将整个九宫格与页面大小进行适配。通过定义body的高度，可以先限定整个九宫格所占用的空间，然后对每个方块进行定义。我采用的是将小方块的大小定义为页面宽度的30%，这样三个方块正好占据一行。而对于高度，则是把padding-bbottom定义为30%的高度的方法，将整个方块给撑开，感觉有一点取巧的成分在里面，并且在试验的过程中也发现了几点问题：

1.假如定义body的width为100%，则宽度低于150px的时候会出现方块呈现两列的情况，假如将body定义为80%或者更小，则导致这种情况的页面宽度的阈值会逐渐变大。

2.虽然宽度改变九宫格的大小会随之改变，但是只有高度变化时九宫格的大小却并不会发生变化。

收获：

与其说没有收获，倒不如说收获太多一时间不知道该说哪一点好。整体思路上的改善应该得益于心境不一样，而通过学习最大的收获则是padding属性来控制块级元素高度的做法，之前虽然学习过，但却没有想到这一点。再就是自学这种事情，果然得有外界刺激才有坚持下去的动力。

PS：GitHub的官网访问速度真鸡儿慢

PPS：下载速度更鸡儿慢

PPPS：同步了一晚上也没能成功，架了梯子都上不去，真是扶不起来的阿斗