盒模型
2019-03-10 本文已影响0人
大风吹兮风清扬
盒模型.png
- Margin(外边距) - 清除边框外的区域,外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域,内边距是透明的。
- Content(内容) - 盒子的内容,显示文本和图像。
内部空间——从边框到内容之间的所有部分 都属于元素的内部空间
box - sizing : border-box 那么 width 和 height 属性的值将会包含内边距和边框,而外边距的宽度不会算到 width 中。
盒模型大小调整.png