盒模型是什么？

1.理解

当对一个文档进行布局的时候，浏览器的渲染引擎就会根据标准之一的css基础框盒模型，将所有元素表示为一个个矩形的盒子，css决定这些盒子的大小，位置，属性。

2.盒模型的组成：

content(内容)

padding(内边距)

border(边框)

margin(外边距)

3.标准盒模型和怪异盒模型的区别

在W3C标准下，我们定义元素的width为盒模型中的content宽度值，height为盒模型中的content高度值。

标准盒模型：margin-left +border-left +padding-left+width +padding-right +border-right +margin-right

怪异盒模型:：margin-left+width+ margin-right