对于任务一自己很快就完成了，可是我就是有有点疑惑的是配置了ngix，不知道如何使用？不过在网上百度了很久，还是有点疑惑？只是希望有人可以跟我详细说一下就好了。还有学习了css盒子模型

对于css盒子模型有分为w3c盒子模型以及IE盒子模型

W3C 盒子模型（也叫内容盒模型）：指定元素如何显示以及如何交互，页面上可以将每个元素看做是一个矩形框，由内容，内边距，边框，和外边距组成。

W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。

w3c中的盒子模型的宽:包括margin+border+padding+width;

     占用的位置是  width:margin*2+border*2+padding*2+width;

          height:margin*2+border*2+padding*2+height;

实际的大小是：

width:border*2+padding*2+width;

          height:border*2+padding*2+height;

IE盒模型（IE6以下）：就是在混杂模式中使用非标准的盒模型，浏览器的宽度不是内容的宽度，而是内容，内边距，和边框的宽度的总和。 ie 盒子模型的范围也包括 margin、border、padding、content，但是IE 盒子模型的 content 部分包含了 border 和 padding。

占用位置是

                 Width : margin * 2 +width（width包含内容的宽度，边框，内边距）

                 Height :margin* 2 +height（height包含了内容的高度，边框，内边距）

实际的大小是：width = width;  height = height

box-sizing:盒模型属性（CSS3的新属性）(IE8+以上才支持)

content-box:让元素维持W3C的标准盒模型

border-box:让元素维持IE传统的盒模型

Inherit：继承父元素的盒模型模式

还有学习display属性

常用的取值有：inline-block; inline; block; none; flex-box; grid(这个浏览器还没实现)