1.简介
在 CSS 中,所有的元素都被一个个盒子包围着
完整的 CSS 盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。
模型定义了盒的每个部分margin, border, padding, and content
盒模型又分为标准盒模型和替代盒模型
2.组成
块级盒子由以下内容组成:
- Content Box: 显示内容,大小可以通过width 和 height设置
- Padding Box: 内容区域外部的空白区域,大小通过 padding 设置。
- Border Box: 边框盒包裹内容和内边距。大小通过 border 设置。
- Margin Box: 最外面的区域,盒子和其他元素之间的空白区域。通过 margin 设置。
2.1 标准盒模型
标准模型中,设置 width 和 height&
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。