CSSBoxModel在网页布局中，我们可以把HTML标签看成是一个矩形框，盒子模型就是用来描述这些矩形框所占据的空间的。相关属性width和height分别指定元素的宽度和高度。width：定义元素的宽度；height：定义元素的高度。border指的是元素的边框。border是border-width、border-style、border-color的缩写，分别用于设置边框的宽度、样式（实线、虚线、双线等）和颜色。padding指的是内边距，也就是元素内容和边框之间的部分。Padding是padding-top、padding-right、padding-bottom、padding-left的缩写，分别指上内边距、右内边距、下内边距。边距和左边距。margin是指外边距，用于定义元素周围的空间。margin是margin-top、margin-right、margin-bottom、margin-left的缩写。盒模型的分类盒模型分为：W3C标准盒模型和IE盒模型。标准盒模型元素的宽度和高度只包含内容，不包含边框和填充值；框的大小由元素的宽度、高度、边框和填充决定。IE盒模型元素的宽高不仅包括content，还包括border和padding；框的大小取决于宽高，修改border和padding值无法改变框的大小。页面布局时，可以通过box-sizing样式设置box-sizing:content-box;//设置该值时，布局的宽高定义纯内容内容的高度，不包括填充和边框；这也是标准盒子模型的特点；box-sizing:border-box;//设置为该值时，布局的宽高定义框的整体宽高，包括border中的padding；这也正是IE盒子模型的特点；
