今天完成的内容

    在关楠师兄的给的一个小任务支线和在线引导学习下，明白了padding的运用以及padding和margin的区别，实现了九宫格完美正方形的制作。同时进一步加深学习了vh和百分比%的区别；加深了float浮动的理解以及float造成的高度坍塌和一些解决方法。；环境配置：在学院里租用了学院的云服务器，选择下载了相对推荐度高的Xshell远程连接工具，进行了设置更改，连接上了云服务器。并运用rz.ls.sz完成了简单的文件上传并下载。

明天的计划

      下载svn并查看学习《SVN--svn使用教程总结》，开始进行任务16-19的步骤操作。

遇到的问题

        昨晚padding后，师兄让我互换下代码里的%和vw。然后因为giv格子是固定宽度且网页宽度不够而不能浮现九宫格3行并排，钻了牛角尖，花了1个多小时寻找解决方法无果。后被告知固定宽度是没有自适应的，不过也学习了float浮动以及高度坍塌的的知识。

    疑问:使用%进行自适应后，能不能使用另外的CSS代码或者其他手段进行自适应处理或者在VH等固定宽度下有没有办法进行九宫格完美布局。

    疑问：float浮动造成高度坍塌的实例和解决命令后造成的效果（暂时没有找到模拟实例，明天抽空进行跟进)

收获

    padding和magin的区别：

    1.padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）

    2.margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距）

    VH和%的区别：

    1.%：代表相对宽度/高度，这个值对应不同属性是不一样的，对于block的高度、宽度等，一般相对于父元素，而根元素body在没有定义高度的情况下是没有高度的。

    2.vw (viewport width) vh (viewport height)： 是视窗的大小（固定），100vw = 100%视窗宽度 100vh = 100%视窗高度，用vw，vh设定的大小只和视窗大小有关。

听说师兄上篇说我字体太小，不容易看。这边特意编辑了一下，希望大半夜没有给师兄疲惫的眼睛加上负担！