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盒子模型的嵌套层