文章详细介绍了CSS中的盒子模型，包括标准W3C盒子模型和IE盒子模型的区别，以及box-sizing属性如何影响盒子模型的行为。重点提到了margin（外边距）、padding（内边距）和border（边框）的概念和特性，同时指出margin是透明的，而padding和border可以设置颜色和样式。
盒子模型面试题总结
Q1：盒子模型组成
- margin（外边距）、border（边框）、padding（内边距）、content（内容）
Q2：标准盒子和IE盒子/box-sizing的属性
- 标准(W3C)盒子模型：内容content+填充padding+边框border+边界margin ，宽高指的是 content 的宽高
- 低版本IE盒子模型：内容（content+padding+border）+ 边界margin，宽高指的是 content+padding+border 部分的宽高
- 当box-sizing：content-box时，这种盒子模型成为标准盒子模型，当box-sizing: border-box时，这种盒子模型称为IE盒子模型。
Q3：margin
margin，盒子的外边框，他是完全透明的，开发者只可以设置它的边距。
Q4：padding
padding表示盒子的内边距（填充）。与外边距不同，padding不是只能完全透明的，可以设置背景颜色和图片。
Q5：border
border表示盒子的边界，它可以设置成可见的，样式多样的。
参考链接
- https://www.jianshu.com/p/1f4283c61a2c
- https://blog.csdn.net/weixin_46048542/article/details/123910411
532
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
