概述
- 内边距、边框和外边距都是可选的,默认值是零。
- 外边距可以是负值,而且在很多情况下都要使用负值的外边距。
CSS 内边距
可以按照上、右、下、左的顺序分别设置各边的内边距,可以使用不同的单位或百分比值,百分数值是相对于其父元素的 width 计算的.
CSS 边框
定义单边宽度
1
p {border-style: solid; border-width: 15px 5px 15px 5px;}
- 注意:由于 border-style 的默认值是 none,如果没有声明样式,就相当于 border-style: none。因此,如果您希望边框出现,就必须声明一个边框样式。
- CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框。请看下面的例子:
CSS 外边距
格式类似边框写法:
1
p {margin: 20px 30px 30px 20px;}
CSS 外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。
假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并,如果这个外边距遇到另一个元素的外边距,它还会发生合并.这就是一系列的段落元素占用空间非常小的原因,因为它们的所有外边距都合并到一起,形成了一个小的外边距。