CSS 盒子模型简介

    CSS盒子模型就是在网页设计中经常用到的一种思维模型：即内容（content)、填充（padding)、 边框（border)、边界（margin ),生活中的事物盒子也具备这些属性，所以形象地把CSS中出现的这些属性称之为盒子模型。

    所有HTML元素都可以看作盒子：在CSS中，box model这一术语是用来设计和布局时使用的。 

    CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括边距、边框、填充和实际内容。

    盒子模型允许用户在其他元素和周围元素边框之间的空间放置元素。

    盒子模型每个部分的说明如下：

    •Margin (外边距）：清除边框区域。它没有背景颜色，完全是透明的。

    •Border (边框）：边框周围的填充和内容。它是受到盒子的背景颜色影响的。

    •Padding (内边距）：清除内容周围的区域，会受到框中填充的背景颜色的影响。

    •Content (内容）：盒子的内容，显示文本和图像。