189 8069 5689

CSS中margin属性有什么用

CSS中margin属性有什么用,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联建站专注于中大型企业的成都网站建设、网站制作和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户成百上千,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注品牌网站制作和互联网程序开发,在前进的路上,与客户一起成长!

CSS中margin属性用法

margin属性是CSS用于在一个声明中设置所有margin属性的简写属性,margin是CSS控制块级元素之间的距离,它们之间是透明不可见的。

margin属性包含了marginleft:距左元素块距离(设置距左内边距);margintop:距头顶(上)元素块距离(设置距顶部元素块距离);marginright:距右元素块距离(设置距右元素块距);marginbottom:底元素块距离(设置距低(下)元素块距)。其二维构建图可见CSS属性二维图。

CSS中margin属性有什么用

margin的解剖图

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;的转法为顺时针即图:

CSS中margin属性有什么用

关于CSS中margin属性有什么用问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


新闻名称:CSS中margin属性有什么用
URL链接:http://cdxtjz.cn/article/ppchee.html

其他资讯