今天完成的事情：

学习了css定位方式，做出了九宫格式样，成功的做到将每个方块做到长宽等比例缩放，做到自适应。初步尝试了Chrome的开发者工具。注册了GitHub账号。通过nginx让手机访问html页面

明天计划的事情：

熟悉Chrome开发者工具的大部分操作，熟悉GitHub的用法。提交任务一。 
遇到的问题：

1.div用了display:inline-block;后不能3个换行（已解决，把width设定成百分比）

2.div的height不能直接设置百分比。找到的原因大概是宽度浏览器解析是是按照窗口宽度默认100%的，高度上是可以无限下拉的。所以不能直接用%。解决方法是通过子类继承父类的属性，把html和body的height设置成100%，然后div设置height的百分比和它的width相同。

3.根据2的方法产生了新问题，窗口缩放导致div不能按固定比例缩放，9宫格总是充满整个页面。（于是寻觅到了其他办法，将div的height设置为0，通过对padding的范围设置让padding上下溢出的宽度等于宽度）

4.做出来的9宫格已经初步搞定，但整体还是属于靠左对其。（于是就把9宫格嵌套在一个div中，给他设一个center）
收获：

学习了css的定位方式

float适合做一些文字环绕的工作

如果需要对元素排版，display或许可以更好的解决。inline-block是把元素转换成行内块元素，block转换成块元素，inline转换内联元素。

子类继承父类的属性 width可以直接使用% 按照的是浏览器的窗口宽度 height不能直接使用% 需要设置其父类的height。html,body{height:100%;}。

高度与宽度的比例可以通过padding来控制。