sgdd.net
当前位置:首页 >> Css mArgin属性 >>

Css mArgin属性

margin:10px 20px 30px 40px;4个值是 是指上 右 下 左 4个方向的距离 margin:0 auto;2个值是 是指 (上下) (左右) 一起控制 那么 margin:0 auto;的意思 就是 上下距离是0 左右距离自动 也就是说 是居中的意思!~

比喻:padding: 我房间物品离墙的距离margin: 我的房子离别人房子的距离

定义 margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性. 注释:允许使用负值. 继承性:No 说明 这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度. 块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距.行内元素的的左右外边距不会合并.同样地,浮动元素的外边距也不会合并.允许指定负的外边距值,不过使用时要小心. JavaScript 语法 CSS 属性也可通过一段 JavaScript 被动态地改变. 脚本语法: object.style.margin="100px"

margin是外边距,是元素的边与其他元素之间的距离,就好比你家的房子与你邻居的房子之间的距离;padding是内边距,是元素的边与元素所包含的内容之间的距离,就好比你家房子的墙壁与家具之间的距离.

padding用来设置元素内容到元素边界的距离.margin用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离.能用padding的地方尽量不用margin因为margin在ie6下会产生双倍边距.

margin 是外边距 就是在外面增加距离 margin:10px; //表示上下左右各10像素的外边距;px也可以用%代替 margin-top:10px; //表示距离上面10像素的外边距;还有左右下的边距只要把对应的单词写上就行;padding 是内边距 在本体内增加距离 //用法和上面一样

你加个浮动的话又是另外一个效果,红色图片设置margin属性后,后面的图片就会在前面的属性上往下走,如果你都加上浮动可以随意设置图片的位置,还有就是margin属性在ie6下会有双倍的效果,如果解释的不清楚还请希望多多说明白点看你发的代码没什么问题,估计就是你那个黄的图片div是在哪个位置?是绿色和红色之间还是它们两个之后,div的先后顺序也会影响你的绿色图片的位置,还有就是你的代码问题,.red里面的margin完全可以这样margin:0;然后定义margin-top:16px;代码一定要简洁,多了也会影响网页的打开速度

如果你要达到这个效果,你就不可以给div1设置高度,通过div2的高度和margin:30px auto;来实现上下同时为一个值.注:30px 值你可以根据你的要求自己调整

要理解这个首先你要理解css的盒子模型简单来说css的对象都可以用一个盒子模型来表示,padding是控制内容在盒子内的位置,margin是控制这个盒子在父级元素的内的位置

样式表的margin属性是元素外侧到容器内侧的距离,四个边距的顺序是:上 右 下 左

网站首页 | 网站地图
All rights reserved Powered by www.sgdd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com