css是CascadingStyleSheets（層疊樣式表）的縮寫，是一種用來表現HTML或XML等文件樣式的計算機語言；它主要用來設計網頁的樣式和美化網頁，不僅可以靜態地修飾網頁，還可配合各種腳本語言動態地對網頁各元素進行格式化。

CSS有助于實現負責任的Web設計。CSS對開發者構建Web站點的影響很大，并且這種影響可能是無止境的。

1.盒模型代碼縮寫

在將盒模型時，我們講過盒模型的外邊距(margin)、內邊距(padding)和邊框(border)設置上下左右四個方向的邊距是按照順時針方向設置的：上右下左。如：

margin:10px15px12px14px;/*上設置為10px、右設置為15px、下設置為12px、左設置為14px*/

盒模型代碼縮寫方法通常有以下三種方法：

(1).如果top、right、bottom、left的值相同，如下面代碼：

margin:10px10px10px10px;

可縮寫為：

margin:10px;

(2).如果top和bottom值相同、left和right的值相同，如下面代碼：

margin:10px20px10px20px;

可縮寫為：

margin:10px20px;

(3).、如果left和right的值相同，如下面代碼：

margin:10px20px30px20px;

可縮寫為：

margin:10px20px30px;

注意：padding、border的縮寫方法和margin是一致的。

2.顏色值縮寫

當你設置的顏色是16進制時，如果每兩位數值相同，你可以簡寫一半。如：

p{color:#000000;}p{color:#336699;}

可簡寫為:

p{color:#000}p{color:#369}

3.字體縮寫

字體的CSS樣式同樣可以簡寫，如:

body{

font-style:italic;

font-variant:small-caps;

font-weight:bold;

font-size:12px;

line-height:1.5em;

font-family:"宋體",sans-serif;

}

以上代碼可縮寫為:

body{

font:italicsmall-capsbold12px/1.5em"宋體",sans-serif;

}