2.10 簡(jiǎn)寫(xiě)法

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

*:focus {

border-width:2px;

border-style:dotted;

border-color:#888888;

}

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

*:focus { border:2px dotted; }

2.11  盒子模型

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

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