今天终于把任务完成了，绕了很多弯路。

还是理解的不够透彻，一直在盒子的宽和高上研究。后来发现格子是由内边距撑出来的，跟body的高和宽压根没关系。不过还是学了到些东西。

em和vw两个单位的理解。1em=16px，可以根据font-size来换算。vw单位是 1vw=1%的视口宽度。

学习了viewport视窗以及响应式web设计，可以用

<meta name="viewport" content="width=device-width, initial-scale=1.0">

来适应设备的宽度。

width=device-width

是设备的宽度的意思（单位为缩放为100%的CSS的像素） ，应该是把缩放为100%的CSS的像素作为单位，这样好像更好理解一点。

       我最初的想法是用一个大盒子 设定宽=高，设置左浮动，然后限制每行只能放3个小格子的宽度，可以做出9宫格，但是发现自适应，修改百分比单位的时候，宽度可以用百分比单位，高度用了百分比单位格子就扁了。这里是我自己给自己挖了个坑，因为我在DIV里写了1，这个字符是有高度的，在我看起来就是格子扁了。如果没有这个1字符，可能就跟其他师兄们一样，格子应该是消失了，因为body的默认高度是0，DIV继承的高度也是0。然而因为扁，我一直以为是高的问题，简直就是白痴一样，开始寻找怎么把高和宽弄成一样的办法。后来打开谷歌F12调试里去看，才发现了1的高度。才明白这点高度是怎么来的。然后看了任务下面的常见问题，明白了格子的高是用内边距撑起来的。然后调整盒子的宽度为31%，一行三个格子的宽度加起来应该是93%，外边距为1%，3个格子的外边距是6%， 总宽是99%。可以容纳一行3个格子。剩下的1%说实话，我也不知道它干什么了。然后设置了内边距为31%。这样自适应的九宫格就完成了。真是费劲了。

     后来学习了nginx,理解为就是用这个软件把自己的电脑当成服务器用来调用，将自己做的网页放进去，其中里面的其他的东西感觉完全看不懂了。修改了存放目录，将文件放在指定目录里，在浏览器中输入localhost/myhtml打开了我的网页， 这里不理解的是为什么输入的是这个东西呢，不应该是输入什么网址吗？

      到此总算是把任务1做完了。