仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 826|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之CSS进修教程:详解margin属性

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:56 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
破洛洛文章简介:margin属性是CSS用于在一个声明中设置一切margin属性的简写属性,margin是css把持块级元素之间的间隔,它们之间是通明不成见的。
margin属性是css用于在一个声明中设置一切margin属性的简写属性,margin是css把持块级元素之间的间隔,它们之间是通明不成见的。
margin属性包括了marginleft:距元素块间隔(设置距左内边距);margintop:距头顶(上)元素块间隔(设置距顶部元素块间隔);marginright:距右元素块间隔(设置距右元素块距);marginbottom元素块间隔(设置距低(下)元素块距)。
marginleft用法:margin-left:10px;这个意义间隔左元素块距10像素,可跟百分好比(margin-left:10%;间隔左元素块10%的间隔);
marginright用法:margin-right:10px;这个意义间隔边元素块距10像素,可跟百分好比(margin-right:10%;间隔边元素块10%的间隔);
margintop用法:margin-top:10px;这个意义间隔边元素块距10像素,可跟百分好比(margin-top:10%;间隔边元素块10%的间隔);
marginbottom用法:margin-bottom:10px;这个意义间隔边元素块距10像素,可跟百分好比(margin-bottom:10%;间隔边元素块10%的间隔);
注重margin两头的链接“-”号,设置间隔值时用“”并付与值,并以“”停止,而且全体用小写半角字母
假如是摆布高低都必要设置margin的值时能够简写来完成,以优化css。
如简写体例有:
margin:10px;意义就是高低摆布元素块间隔就是10px(10像素)即是margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;一样效果简写;
margin:5px10px;意义高低元素块间隔为5px,摆布的元素块间隔为10px,即是margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;一样效果简写;
margin:5px6px7px;意义上元素块间隔5px,下元素块间隔为7PX,摆布元素块间隔为6px,即是margin-top:5px;margin-bottom:7px;margin-left:6px;margin-right:6px;一样效果简写;
margin:5px6px7px8px;意义上元素块为5px,右元素块间隔为6px,下元素块间隔为7px,左元素块间隔8px,即是即是margin-top:5px;margin-right:6px;margin-bottom:7px;margin-right:8px;一样效果简写;

个中margin:5px6px7px8px;的转法为顺时针
下面便是divcss网站总结的margin的属性与用法。个中margin的用与padding不异。
</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 11:21

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表