什么是盒模型

什么是盒模型
盒模型是什么，盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。他把HTML里的文档布局成像盒子一样从而减轻文档布局所占的空间，盒模型是由内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

盒模型就像是我们平时装东西的箱子，content（内容区）就像是我们我们要装进箱子里的物体，padding（内边距）就像是物体与箱子之间的空隙，而padding（内边距）就可以随意的把里面的空隙填满让物体的本身content（内容区）从而不受到破坏，border（边框）就像是箱子从外面包裹着padding（内边距）、content（内容区），margin（外边距）他就是border（边框）以外的空间它可以随心所欲的移动。盒模型就像是一个保护层一层套着一层不让里面的的东西受到外面的破坏。

盒模型有着丰富的样式定义：CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。