今天完成的事情：今天中午坐火车回家一趟没带电脑，任务3暂时做不了，

上午出门之前完成同webstrom上传项目到github中，下午的时候在手机上看群里时发现任务1还有其他的方法去写，而我纯粹是用的表格完成的，所以找个网吧把任务1尝试用div的方式重新写一遍，

明天计划的事情：看情况吧，如果明天坐火车回去的话晚上还能把任务三开个头，不行的话就只能等周一回去之后再说了。

-----------------------------------------------------------------------------------------------------------------

                                                 23:45-网吧日报更新（日报还做更新，，，好想吐槽自己）

在网吧把任务一的代码重新写了一遍

之前最初版本是通过设置一个制定宽度的表格，之后将每行每个元素设定好px值和圆角颜色后用

<tr>

<td></td>

<td></td>

<td></td>

<tr>

<td></td>

<td></td>

<td></td>

<tr>

<td></td>

<td></td>

<td></td>

实现的

之后通过在群里同学们交流时发现可以通过<div>做出来九宫格，于是就有了下面的第二个版本

在这次推倒重来的过程中发现了自己之前对通过px,em,和百分比控制尺寸的不理解，现在依旧对百分比不是很理解

并且发现之前忘了看代码对手机浏览器的支持，，，

-----------------------------------------------------------------------------------------------------------------

0:30遇到的问题

加上适配手机的<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">后

原本九个小div在一个大的div的包裹下形成一个九宫格变为了排成一排，，，，

为什么这个时候原本大div设定的宽度和高度会失效呢

-----------------------------------------------------------------------------------------------------------------

29日23：00

谢谢杨宇飞    与CSS-059以及群里的各位，帮了我许多，任务1完成。