简单介绍一下CSS盒模型的理解？

简单介绍一下CSS盒模型的理解？

参考回答：

当对一个文档进行布局时候，浏览器渲染引擎会根据CSS-box模型，将所有元素表示为一个矩形盒子，CSS决定这些盒子的大小，位置，属性，如图：

content包含元素真实内容的区域，由width，height，控制内容大小，内边距padding，边框区域border，外边距margin，用空白区域扩展边框区域，已分开相邻的元素