CSS盒模型描述了HTML元素如何占用空间，包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。内容是实际的文本和图像，内边距提供内部空间，边框设定元素边界，外边距则控制元素间的间距。这个模型对于网页布局和设计至关重要。
概念
所有HTML元素可以看作盒子，在CSS中，“box model”这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的html元素，他包括：
外边距、边框、内边距、实际内容。
将盒子模型类比成快递:
内容等于买的实物，内边距等于快递盒中的泡沫，边框等于快递盒子，外边距等于两个快递盒子之间的距离。
1、margin 外边距
清除边框外的区域，外边框是透明的。
2、border 边框
围绕在内边距和内容外的边框。
3、padding 内边框
清除边框周围的区域，内边框是透明的。
4、content 内容
盒子的内容，显示文本和图像
扫一扫
2729
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
