CSS基础图文详细教程之margin属性

h1 {margin : 10px 0px 15px 5px;}

与内边距的设置相同，这些值的次第是从上外边距 (top) 开端围着元素顺时针旋转的，另外，还能够为 margin 设置一个百分比数值：p {margin : 10%;}，这样p 元素的外边距是其父元素的 width 的 10%。margin 的默许值是 0，所以假如没有为 margin 声明一个值，就不会呈现外边距。但是，在实践中，阅读器对许多元素曾经提供了预定的款式，外边距也不例外。应用margin完成规划居中，根底用法：marign:0 auto;即可完成对象居中，但需求一个条件，那就是该对象上级一定要设置text-align:center内容居中属性款式。有的阅读器body标签不设置text-align:center内容居中款式，其下级包含对象设置了margin:0 auto也会让其规划居中，但为了兼容各大阅读器倡议对body设置一个text-align:center属性款式。

CSS 单边外边距属性

你能够运用单边外边距属性为元素单边上的外边距设置值。假定您希望把 p 元素的左外边距设置为 20px，能够采用以下办法：

p {margin-left: 20px;}