TOP

CSS初级教程边界和补白

[ 录入者:admin | 时间:2008-01-02 01:34:30 | 作者: | 来源: | 浏览:25次 ]

边界margin和补白padding（依据国内出版社的翻译惯例，margin被翻译成边界，padding被翻译成补白，译者依照习惯翻译。但译者认为，margin翻译成外边距，padding翻译成内边距更为直白和形象。你可以依据自己的习惯来适应这两种不同的译法。——译者注）是隔开元素最常用的两个属性。边界是元素外边的距离，而补白则是元素内部的距离。

为h2改进代码如下：

Example Source Code [www.xxcss.com]

h2 {
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}

你可以看到二级标题外围有一个字符的宽度，还很臃肿，因为在二级标题内部有3个字符宽度的补白。

元素的四边可以设置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是无需解释的属性（看看英文字面意思啦）。


[上一篇]CSS初级教程边框	[下一篇]CSS初级教程文本

称　　呼:
内　　容:

CSS初级教程 边界和补白

CSS初级教程边界和补白