CSS速成指南(14)

2.10 简写法

为了节省空间,可以将相关的CSS属性组连接成一个简写形式。例如,笔者已经有好几次使用简写法创建边框,就像上述的focus规则一样,这实际上是下列规则集的简写形式:

*:focus {

border-width:2px;

border-style:dotted;

border-color:#888888;

}

当使用简写规则时,只需将属性应用到希望改变值的地方。因此,可使用下列规则只设置边框的宽度和样式,而不设置其颜色:

*:focus { border:2px dotted; }

2.11  盒子模型

影响页面布局的主要CSS属性都基于盒子模型(或称为框模型)。一组嵌套的属性围绕着一个元素,如图2-4所示。

图2-4  CSS盒子模型的嵌套层

读书导航