css盒模型的理解

闲的无聊，群里一个人谈论起了一个盒子模型，然后不知不觉讨论起来；
最后总结了一下:
1,盒模型的五层结构（三维层）

第一层 第二层 第三层 第四层 第五层
表框 内容内边距 背景图 背景色 外边距
border Content（padding） Background-images Background-color margin

图片1.png

2，盒模型（二维图）

内容 内边距 边框 外边距
content padding border margin position

QQ图片20161116141253.png