css margin详解

css 中的margin属性是一个很重要的属性,margin主要用来控制网页元素的排序。
margin属性应用于元素外面的空间,或者是位于元素和浏览器窗口之间的区域,或者元素和元素直接的区域。

操作方法

  • 01

    margin属性分为:margin-top、margin-right、margin-bottom、margin-left。 带有4个值的margin属性: div{ margin:10px 12px 13px 14px; } 这样写是一种简写,简写是以顺时针方向指定的:上、右、下、左,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:12px; margin-bottom:13px; margin-left:14px; } 带有3个值的margin属性: div{ margin:10px 12px 14px; } 这样写是一种简写,简写指定的是:上、左右、下,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:12px; margin-bottom:14px; margin-left:12px; } 带有2个值的margin属性: div{ margin:10px 14px; } 这样写是一种简写,简写指定的是:上下、左右,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:14px; margin-bottom:10px; margin-left:14px; } 带有1个值的margin属性: div{ margin:10px; } 这样写是一种简写,简写指定的是:上下左右的margin值都是10px,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }

(0)

相关推荐

  • CSS优先级详解

    优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对应相应匹配表达式的权重值. 如果优先级相同,元素最终会应用 CSS 中靠后的声明. 操作方法 01 优先级顺序 下列是一份优先级逐级 ...

  • div+css定位position详解

    div+css定位position详解 操作方法 01 1.div+css中的定位position 最主要的两个属性:属性 absolute(绝对定位) relative(相对定位),有他们才造就了d ...

  • 企业网站制作时display在CSS中各属性语法详解

    操作方法 01 网站的制作中,我们都知道,基本上离不开CSS,很多的企业网站制作时,都会用到.下面天柱网络给大家来分享一下display在CSS中各属性语法详解,希望对广大网站制作人员有一些帮助. H ...

  • HTML:各种距离详解

    操作方法 01 HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度.sc ...

  • 安卓4.0和2.3的区别在哪里?图文详解

    安卓4.0推出已经有一段时间 但对于想升级4.0的朋友来说 4.0区别自己以前2.3的差异在哪里? 到底自己要不要升级4.0了? 下面就来看看4.0有什么区别 相比2.3,安卓4.0在系统上的9大改进 ...

  • adb.exe是什么进程 adb.exe命令详解

    ADB全称Android Debug Bridge, 是android sdk里的一个工具, 用这个工具可以直接操作管理android模拟器或者真实的andriod设备(如G1手机). 它的主要功能有 ...

  • DiskAid怎么安装使用?iOS神器DiskAid图文注册使用教程详解

    虽然苹果系统相对安卓来说比较封闭一些,但自从小编发现一款名为DiskAid的软件之后,感觉这是要让iOS散发第二春啊!轻松让iOS设备无需连接数据线的情况下在Wifi环境下进行管理,还能让我们闲置的内 ...

  • 微话一键拨号功能设置方法图文详解

    《微话》是一款功能强大的智能拨号软件(点击下载),本文小编主要给大家讲解一下微话一键拨号设置方法详解,不懂的朋友可以一起来了解下吧! 1)首先,进入【更多】界面,然后点击【通用设置】,在【通用设置】界 ...

  • 新版Word中的图表布局功能详解(图文)

    新版Word已经放出有一段时间了,还有好多朋友不熟悉,今天三联网详解一二,希望能帮到您!在Word文档编辑过程中插入图片能够提升文档的品质,并且便于用户加深理解,而最新版本的Word则带来了更加强悍的 ...