本文详细介绍了CSS盒模型，它是网页布局的基础。盒模型包括边界（margin）、边框（border）、补白（padding）和内容区，影响元素的显示和相互关系。padding用于调整内部空间，不会影响背景图片位置；margin则用于调整元素位置，可设置负值实现特定布局。了解盒模型对于精确控制页面元素的布局至关重要。
Day4 盒模型
1.盒模型是css布局的基石
它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间，即包括：边界（margin）、边框（border）、补白（padding）、内容区，这就是盒模型。
padding（补白）：
1.padding是加到盒子内部的，并且会把盒子撑大。
2.padding是用来改变盒子里内容（文本，图片，元素）的位置。
3.如果想保留原有盒子大小，可以用盒子的宽高减去padding的宽高。
4.padding不影响背景图片位置
5.
margin（边界）
1.margin是加到盒子外边的。
2.margin是用来改变盒子自身的位置的。
3.其赋值方式与padding一样。
4.margin的属性值可以为负数（向上向左是负数，向右向下是正数）。
in的属性值可以为负数（向上向左是负数，向右向下是正数）。
5.margin:0 auto;让一个有宽度的块元素在浏览器或容器中水平居中，当前元素不能float属性。
扫一扫
847
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
