时间:2021-05-25
边框属性(border)用来设定一个元素的边线。
边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
间隙属性(padding)是用来设置元素内容到元素边界的距离。
这三个属性都属于CSS中box类型的属性。
下面这个示意图,很形象地体现了三者之间的区别。
这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
盒模型规定了元素框处理元素内容width与height值、内边距padding、边框border和外边距margin的数值大小。边框内的空白是内边距paddin
盒模型主要定义四个区域:内容(content)、内边框距(padding)、边框(border)和外边距(margin)。自从1996年CSS1的推出,W3C组
盒子模型的计算外边距(margin)+边框(border)+内边距(padding)+内容(content)在css中的width和height只是对内容区域的
盒模型由以下CSS属性组成:0.内容(content)1.padding内边距2.border边框3.margin外边距下面有一个最常见的例子,虚线不属于盒模型
先明确几个概念的区别:paddingmargin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin