本文详细介绍了CSS中的内外边距、怪异盒子模型以及行内元素和块元素的应用。通过实例解析了如何设置内外边距，解释了box-sizing属性在不同盒模型下的效果，并探讨了块级元素与行内元素的特点，包括它们的宽度、高度、margin和padding的处理方式。同时，还分享了解决行内块元素之间空隙问题的技巧以及标准文档流的组成和套用规则。
1.内外边距
回顾一下外边距：外边距是如div标签包裹的盒子外面距离网页的边距称为外边距
内边距则是如div标签类盒子的内部元素距离边框的边距
同样内边距也可以单独设置：padding-top：Npx；（设置内边距上边距）
padding-bottom：Npx；（设置内边距下边距）
padding-left：Npx；（设置内边距左边距）
padding-right：Npx；（设置内边距右边距）
2.怪异盒子
怪异盒子个人自述：学到盒子的时候讲到盒子的组成为margin、padding、border和网页元素组成，当设置一个盒子的宽为200px、高为200px、border为5px时，
最低0.47元/天 解锁文章
3380
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
