今天完成的事情：nginx的配置，完成了手机访问自己的网页。完成了任务三，预习了任务四

明天计划的事情：任务四，和记住基础知识和代码元素 

遇到的问题：margin的负值还有点模糊。

收获：

什么时候用margin好，和什么时候用padding好，以及他俩的区别！

｛一、元素水平分三种:block水平，inline水平，inline-block水平。三种元素各有不同的表现！

二、区别:1，padding能增加元素的容器的可视区域，margin则会减少默认块级元素的可视区域。

2，margin有负值，padding不能使用负值。

三、margin和padding的百分比值！未使用绝对定位（固定定位）的元素内外边距的%值都是继承父级盒子，如果是绝对定位（固定定位）则是根据其继承关系的定位元素，没有就是根据html元素为基准。

四、margin可以负值，而padding不能负值！｝

px、em、rem、%、vw、wh、vm等单位的区别！

｛1，px: 绝对单位，页面按精确像素展示。

2，em: 相对单位，基准点为父级元素的大小，如果自身定义了foot-size按自身来计算，整个的页面内1em不是固定的值。

3，rem：相对单位，为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的有点于一身，通过它即可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

4，%：相对单位，相对父级元素的百分比宽度。

5，vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%

6，vh：viewpoint height，视窗高度，1vh等于视窗高度的1%

7，vm：CSS3单位，相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm.举个例子：浏览器的高度是900px，宽度是300px，去最小的浏览器高度，1vm等于900px除100等于9px！｝