今天完成的事情：1.完成了任务一。

2.学会上传代码到远程库。

3.下载PS和蓝图，在师兄的示范下学会切图。了解了任务三的内容。
明天计划的事情：着手写任务三。
遇到的问题：1.九宫格的间隔问题。

 一开始代码是这样的

     float:left;

     border-radius: 2vw;

     width:32vw;

     height:32vw;

     margin-left:2vw;

     margin-top:2vw;

     margin-right:2vw;

     margin-bottom:2vw;

实现不了九宫格的间距相等。

一开始的想法是设置body的左右margin使vw相加到1.

无果。师兄告诉我谷歌浏览器body一般会默认margin为8px。

后来换了一种思路。先更改浏览器的默认margin为0

然后只需要设置margin-left和margin-top为4。将div标签中weight和height设置为28.

28*3+3*4+4=100.并且实现了间距相同。

（第四个方块会因为位置不足自动放到下一行，这样还不需要设置clear了）

最终代码为

     float:left;

     border-radius: 2vw;

     width:28vw;

     height:28vw;

     margin-left:4vw;

     margin-top:4vw;      

     background-color: orange;

另外margin和padding不继承父元素

2.无法上传代码到GitHub。

在师兄的指引下完成成果提交。

拖拉文件最好不要单独拉文件，可能会影响外联css样式的路径。最好放在一个文件夹里提交。

3.设置div居中时遇到问题。

查阅到margin:auto法。这个方法要求子级div必须设置宽的值，不然没有效果。

如法炮制输入代码后并不能实现。

原因可能是子元素设置为absolute。脱离一般格式，不计体积。

然后尝试定位法：position:absolute。子级div有定义宽和高的话就可以用这个方法。

成功后代码如下

此方法建立在margin-left可以设置为负值的原理之上。

可见这个方法只要定义宽和高就可以使用。而margin：auto法必须有固定的宽的值。（不可设置为absolute）

4.成功将logo放置在中间位置后发现，logo并不应该在中间位置。有点难受。

不同客户端窗口宽度不一样，所以如何将logo放在一个中间偏左的位置成了一个新的难题。

收获：（通过今天的学习，学到了什么知识）

1.同解决掉的问题。

2.了解了position:absolute和position:relative。前者是绝对定位，它不会随着窗口大小变化，只是固定在一个特定的坐标轴上面（使用top，left等定位）；position：relative 是相对定位，是相对于前面的容器定位的。此时不能用top，left定位，而用margin-left等定位。

3.了解了css一般格式和一般的命名规范。