什么是盒模型
什么是盒模型呢？
步入前端仅十天，当然还算是一个小白，对于刚学到的知识感到很是新奇，现在就让我们简单看一下什么是盒模型吧
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型，如图
讲师有给我们举了一个例子， 简直不要太形象 如图：
令图些许潦草 不要介意，假如红色部分是你买回家的鸡蛋，就是我们的内容元素，而黄色就是我们装鸡蛋的盒子，而这个盒子的厚度就是我们的border边框了，那要使鸡蛋不受损，就得往我们的盒子里加上我们的填充物padding，那margin就是用来阻挡一切的“外来人员”啦，听到这一波不是那么像样的解释是不是更明白了些呢 简单代码与效果图 如下：
好啦，分享就到这啦 [可爱]