聊城网站制作公司,聊城网站建设,聊城网站优化,聊城网络公司,聊城网站推广,聊城网站运营,聊城网络运营,聊城搜索引擎优化,聊城网页设计,聊城网站制作
 
 
公司拥有五年的网站建设经验,专业网站制作,推广及网站优化,有大量优秀客户案例
网站建设 | 设为首页 | 加入收藏 | 联系我们  
公告:热烈庆祝聊城精英网络2010版官方网站改版成功!
当前位置 :首页 > 网页知识  

CSS margin属性与用法教程

http://www.55cp1.com   2014-3-22 11:42:38 来源:聊城做网站 作者:精英网络   人气:

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

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

css元素中margin的解剖图
margin的解剖图


margin left用法:margin-left:10px;  这个意思距离左元素块距10像素,可跟百分?#28909;紓╩argin-left:10%;   距离左元素块10%的距离)css margin-left教程;
margin right用法:margin-right:10px; 这个意思距离边元素块距10像素,可跟百分?#28909;紓╩argin-right:10%; 距离边元素块10%的距离);
margin top用法:margin-top:10px; 这个意思距离边元素块距10像素,可跟百分?#28909;紓╩argin-top:10%; 距离边元素块10%的距离)css margin-top;
margin bottom用法:margin-bottom:10px; 这个意思距离边元素块距10像素,可跟百分?#28909;紓╩argin-bottom:10%; 距离边元素块10%的距离)css margin-bottom;
注意margin中间的链接“ - ”号,设置距离值时用“  ”并赋予值,并以“  ”结束,并且全部用小写半角字母

如果是左右上下都需要设置margin的值时可以简写来实现,以优化css 。
如简写方式有:
margin:10px; 意思就是上下左右元素块距离就是10px(10像素)等于margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; 一样效果简写;
margin:5px 10px; 意思上下元素块距离为5px,左右的元素块距离为10px,等于margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; 一样效果简写;
margin:5px 6px 7px; 意思上元素块距离5px,下元素块距离为7PX,左右元素块距离为6px,等于margin-top:5px; margin-bottom:7px; margin-left:6px; margin-right:6px; 一样效果简写;
margin:5px 6px 7px 8px;  意思上元素块为5px,右元素块距离为6px ,下元素块距离为7px,左元素块距离8px,等于等于margin-top:5px; margin-right:6px; margin-bottom:7px; margin-right:8px; 一样效果简写;

其中margin:5px 6px 7px 8px; 的转法为顺时针即图:

css中margin的属性转法图
margin的属性转法图解


上面即是div css网站总结的margin的属性与用法。其中margin的用与padding相同。

专业设计团队
满足您的各种设计要求
实力程序开发团队
为您定制各种程序模块
后台管理高效安全
方便更新上传网站资料
全球高速访问
无盲区、定制异地备份
专业客服团队
解决一切使用难题
赠送大容量空间邮箱
免费优化推广
   
关于我们 | 工作机会 | 付款方式 | 网站制作 | 网页制作 | 网页设计 | 网络公司 | 联系我们 | 网站地图
版权所有:聊城精英网络科技有限公司 © 2005-2010 All Rights Reserved.
咨询专线:0635-6950368 技术专线:15192175820 在线QQ:312817927 1485871644
地址:聊城市闸口科技市场 ?#26102;?252000 苏ICP备10112026号
赖扬vs塔什干火车头比分
河南11选5开奖查询今天 竞彩篮球赛 捕鱼达人手机版 天津时时不一样 河南二十二选五预测 老11选5走势图江西 下载浙江十一选五软件 时时彩私彩赢钱技巧 江苏时时诈骗案 黑龙江11选5走势图开奖结果 山西11选五最大遗漏 浙江风采25选五走势图 今天排列三藏机图正版 赛车pk官方网 甘甘肃11选5开奖结果 北京老时时