17、CSS 属性详解：边距、显示与列表样式

CSS 属性详解：边距、显示与列表样式

1. MARGIN-TOP 属性

1.1 功能概述

MARGIN-TOP 属性用于在屏幕上的元素之间添加间距。从功能上看，它与 padding 属性子族类似，但 padding 属性用于设置盒级元素的边框与内容之间的间距，而 margin 属性子族则用于设置浏览器窗口与盒属性边框之间的间距。也就是说，margin 属性设置的是盒级元素外部的间距值，而 padding 属性设置的是盒级元素边界内部的间距值。这两组属性会产生相似的效果。

1.2 属性值

MARGIN-TOP 可以使用特定的测量值或百分比值来设置元素之间的间距，它与 MARGIN-BOTTOM、MARGIN-LEFT 和 MARGIN-RIGHT 具有相同的值类型：
- AUTO：使用浏览器的默认值。
- %：设置元素宽度的百分比值。
- length (units)：以特定的测量单位指定长度值。

1.3 示例代码

<H1 STYLE="MARGIN-TOP: 150PX">Header situated 150 pixels from the top margin.</H1>

1.4 浏览器支持情况

浏览器	支持情况
IE 3.02