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; }