Css盒子模型的理解

21K韶华

闲的无聊，群里一个人谈论起了一个盒子模型，然后不知不觉讨论起来；

最后总结了一下:

1,盒模型的五层结构（三维层）

               

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

2，盒模型（二维图）

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

lihao7310

应该加上盒子模型的运用及注意问题

吾爱メ加油

这学期正好在学网页设计，目前就搞搞静态的还行，CSS感觉用的还是不怎么好，楼主的3维图很赞。

最后的ID

此等高深东西每次只能看图解释

kendling

学习了。。

21K韶华

针对盒子模型的使用：
盒子模型中的三维模型：
可以试着写一下，在css样式中同时引用这写样式会出来什么效果，然后会发现图层有个边框，边框里有字，字下面是背景图，如果背景图不是透明的，那么背景色就会显示不出来，因为层级images比背景的高。