2.10 簡寫法

為了節(jié)省空間，可以將相關(guān)的CSS屬性組連接成一個簡寫形式。例如，筆者已經(jīng)有好幾次使用簡寫法創(chuàng)建邊框，就像上述的focus規(guī)則一樣，這實際上是下列規(guī)則集的簡寫形式：

*:focus {

border-width:2px;

border-style:dotted;

border-color:#888888;

}

當使用簡寫規(guī)則時，只需將屬性應(yīng)用到希望改變值的地方。因此，可使用下列規(guī)則只設(shè)置邊框的寬度和樣式，而不設(shè)置其顏色：

*:focus { border:2px dotted; }

2.11  盒子模型

影響頁面布局的主要CSS屬性都基于盒子模型(或稱為框模型)。一組嵌套的屬性圍繞著一個元素，如圖2-4所示。

圖2-4  CSS盒子模型的嵌套層