关灯
请选择 进入手机版 | 继续访问电脑版

CSS margin属性与用法教程

0
回复
211
查看
[复制链接]

38

主题

38

帖子

333

积分

超级版主

Rank: 8Rank: 8

积分
333
发表于 2020-6-19 22:44:20 | 显示全部楼层 |阅读模式
 
margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可见的。

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

CSS元素中margin的解剖图
margin的解剖图
margin left用法:margin-left:10px;  这个意思距离左元素块距10像素,可跟百分比如(margin-left:10%;   距离左元素块10%的距离)css margin-left教程;
margin right用法:margin-right:10px; 这个意思距离右边元素块距10像素,可跟百分比如(margin-right:10%; 距离右边元素块10%的距离);
margin top用法:margin-top:10px; 这个意思距离顶边元素块距10像素,可跟百分比如(margin-top:10%; 距离顶边元素块10%的距离)css margin-top;
margin bottom用法:margin-bottom:10px; 这个意思距离低边元素块距10像素,可跟百分比如(margin-bottom:10%; 距离底边元素块10%的距离)css margin-bottom;
注意margin中间的链接“ - ”号,设置距离值时用“ : ”并赋予值,并以“ ; ”结束,并且全部用小写半角字母。

如果是左右上下都需要设置margin的值时可以简写来实现,以优化css 。

回复

使用道具 举报

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:16度天空

微信公众号

手机网页版

联系博主:16度天空

记录生活点滴、分享工作经验、追忆创作时光的自媒体个人博客

写给自己,留给未来,相约分享心情,随笔记录人生,写作记录生活-成长,分享,在路上!

网址:http://www.sky16.cn

Copyright   ©2017-2018  16度天空Powered by技术支持:玉乡广告传媒  联系QQ:1309089920  ( 豫ICP备18036994号 )