包含margin的四个参数顺序的词条

http://www.itjxue.com  2024-06-10 19:11  来源:IT教学网  点击次数: 

CSS的盒模型中,Margin属性的数值赋予顺序为()?

margin-top、margin-right、margin-bottom、margin-left;padding-top、 padding-right、 padding-bottom、 padding-left。

这个说实话没有什么先后关系的,完全是按照自己的喜好来,如果你害怕盒模型会因为设计了内边距和边框是的内容发生错位而要重新计算盒子的大小时。

margin:10px 0 10px 0,可以合并写为margin:10px 0。margin属性的顺序对应 上 右 下 左,你可以这样记,顺时针从上开始对应4个属性。当上下或者左右相同时可以合并简写。4个都相同时可以写一个。

margin的默认值为0,并且margin支持负值。上面我们曾提到属性margin可以用来同时指定box的四边外边距。如果属性margin有四个值,那么值将按照上-右-下-左的顺序作用于四边,即从元素的上边开始,按照顺时针的顺序围绕元素。表达式如下:margin:top right bottom left;四个数值中间以空格分隔。

margin:10px 20px 30px 40px; /*上、右、下、左 顺序*/ } !--div的实际宽度为:div宽度+padding宽度*2+border宽度*2+margin宽度*2-- DIV内补白padding,距离边框的空隙。会撑开盒子。 DIV外部边距margin,距离外部元素的空隙(外边距)。

Margin呈现是位于对象边框外侧,紧贴于边框,marign与padding位置却相反css padding却是紧贴边框位于边框内侧。DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。

(责任编辑:IT教学网)

更多

相关杀毒防毒文章

推荐杀毒防毒文章