今天完成的事情：

1、把上次师兄给出的指点进行完善，修改了九宫格的颜色和任务图一致。

2、css样式表使用外联式的，在head内用link标签引用外部的css样式表文件。

3、让九宫格内居中显示的文字，也跟随着九宫格的大小变化而变化，实现自适应。

重点来了，这个不知道我做的对不对。

文字要想实现自适应，跟随父对象大小的变化而变化，那么，用来表示文字大小尺寸的单位改用什么呢？

绝对单位px什么的肯定不能用了，只能用相对单位，来回顾一下：

em:表示父几点字体的大小比例。

rem:表示根节点html（一般默认16px）字体大小的比例。

用em和rem来表示字体单位，它的变化是必须根据上一级或者是根节点的字体大小变化而变化的，跟视口的大小变化毫无关系，且，就跟文字的父对象div框的大小变化毫无关系。所以这两个不能用。

那还剩下%、vw、vh这三个。

我试了下%，这个不管用，不明所以。。。

so，，，文字的单位和父对象div的单位用一样的都用vw，问题一下子就解决了。

原因：vw表示的是当前视口宽度的百分比，文字和其父对象div 都用它来表示，随着浏览器视口的变化，它的大小就会随着变化。

不知道我这么理解对不对，望师兄指点......

代码和文件都重新上传了，这次是修改过的地址。

4、padding：表示盒子的边框到盒子内部内容的距离。

margin：表示盒子的边框到盒子外部其它对象之间的距离。

它们可以任意的控制上下左右四个方向的距离。

明天的计划：

继续学习内边距、外边距，重点盒模型。

遇到的问题：

就是不知道字体用vw来表示对不对。

收获：

1、九宫格自使用，以及九宫格内部文字大小的自适应。

2、css加载外部样式表的使用方法。

3、padding和margin的表示方法。