CSS盒模型简介——逆战

        我是一名刚刚步入web前端的小白，最近刚刚接触了css语言，感觉十分有趣吧。想对其中较为重要的盒模型来一个大概的简述：一般页面布局会首选浮动加盒模型来做。这样会使页面整洁舒适让人很舒服。

对于盒模型而言呢，我认为比作快递最为形象吧。较为贵重的快递，除去物品，会有气泡纸包裹，这个可以当作padding，盒子的面作为border，有的快递怕挤压，会隔开放，之间的距离可以当作margin。

气泡纸的多与少影响盒子所需的大小， 气泡纸越多 相当于padding越大 会把盒子撑得越大 所以为了不让撑大影响盒子原本大小需要在设置width和height的时候 减去padding的值

。同样大小的盒子，气泡纸越多，那么你能装的物品就越小。但是两个快递盒子之间的空隙则不会影响盒子本身，正和margin一样。

        padding控制快递盒里面的气泡纸的分量，可以当作通过padding来控制物品在快递盒里面的分量，称为控制子元素与父元素的位置关系吧，而margin控制两个盒子之间的距离，我暂且叫做控制同级元素之间的距离吧。一般情况下 如果我们要调整子元素和父元素之间的距离时，使用padding 调整同级元素之间用margin。但是有时候margin也可以和padding混用 具体情况要具体分析，以上就是我对盒模型现阶段大体的认识。