- 什么是CSS盒子模型？
- HTML所有标签都是一个盒子
结论
1.在HTML中所有标签都可以设置
宽度/高度：指定可以存放内容的区域
内边距：填充物
边框：盒子本身
外边距：盒子与盒子的间隙
- 盒子模型的宽度和高度
- 2.1内容的宽度和高度
通过标签的width/height属性设置的宽度和高度
- 2.2元素的宽度和高度
宽度 = 左边框 + 左内边距 + width + 右内边距 + 右边框
高度 = 上边框 + 上内边距 + height + 下内边距 + 下边框
- 2.3元素空间的宽度和高度
宽度=左外边距 + 元素的宽度和高度 + 右外边距
高度 同理
注意点
- 如果两个盒子是嵌套关系，那么里面盒子设置顶部外边距，外层盒子也会被定下来
- 如果外层不想被顶下来，可以给外层添加边框属性
- 在企业开发中，一般情况下如果需要控制嵌套关系盒子之间的距离，应该首先考虑padding，其次再考虑margin，margin本质上市用于控制兄弟关系之间的间隙的
