就是个盒子模型，大佬们都不用看，新手看过来，学习或复习
盒子模型 一、盒子模型介绍 什么是盒子模型？ CSS「盒子模型」就是在CSS技术中所使用的一种「思维模型」。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个「盒子」。 「所有的HTML元素」可以看做「盒子」，它包括：「外边距、边框、内填充和实际内容」。 但是这样说实在是「太官方」了，对新手很不友好，我个人也不喜欢这样描述。 举个例子 在日常生活中，我们经常能看到一些精美的包装盒 在中秋节的时候，大家都吃过月饼，那些月饼的包装真是好看啊，有时候都不舍得拆包装，但拆开包装后你会发现，其实真正装的月饼没几个，价格还特别贵，感觉就是在卖包装。 闲话少说，直奔主题，在包装盒中就装着如下图所示的两个小月饼盒，看着是不是还不错啊。 我们可以把这个小月饼盒看作是页面中的一个元素，比如「div」元素，里面的月饼就是盒子模型的「实际内容」(content)，这个实际内容可以是「文字」，也可以是「图片」，还可以是另外一些「标签元素」。 我们把「月饼盒到月饼之间的距离」叫盒子模型的「内填充」，在CSS中的样式中叫「padding」 而「月饼盒与另一个月饼盒之间距离」叫盒子模型的「外边距」,在CSS中的样式中叫「margin」 月饼盒「最外层」，也就是下图中「黄色的部分」叫盒子模型的「边框」，在CSS中的样式中叫「border」 所以到这