CSS学习笔记（2）

CSS框模型

- element : 元素

- padding : 内边距      不容许使用负值

h1 {padding: 10px 0.25em 2ex 20%;}

     能够按照上、右、下、左的顺序分别设置各边的内边距，各边都可以使用不一样的单位或百分比值

- border : 边框。     但愿边框出现，就必须声明一个边框样式。

h1 {border-width: 20px;}

忘记声明边框样式是一个常犯的错误。根据如下规则，全部 h1 元素都不会有任何边框，更不用说 20 像素宽了。设置边框样式，好比 solid 或 outset。border-style:

a:link, a:visited {

  border-style: solid;

  border-width: 5px;

  border-color: transparent;     透明边框

  }

- margin : 外边距     

能够是负值，并且在不少状况下都要使用负值的外边距

值复制

h1 {margin: 0.25em 1em 0.5em;} /* 等价于 0.25em 1em 0.5em 1em */

h2 {margin: 0.5em 1em;} /* 等价于 0.5em 1em 0.5em 1em */

p {margin: 1px;} /* 等价于 1px 1px 1px 1px */

外边距合并

假设有一个空元素，它有外边距，可是没有边框、内边距。在这种状况下，上外边距与下外边距就碰到了一块儿，它们会发生合并

注释：只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。