盒子模型面试题总结
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