CSS縮寫性質列表和它們所表示的常規性質.

步入xhtml標準時代，CSS已經是不可或缺的東西了。有效縮小CSS檔案的體積可以讓你的網站速度得到絕對的速度的提升。

CSS縮寫性質的列表以及它們所表示的常規性質。

Background（背景）：背景附件、背景顏色、背景映像、背景位置、背景重複

Border（邊框）：邊框顏色、邊框風格、邊框寬度

border-bottom（底部邊框）：底部邊框顏色、底部邊框樣式、底部邊框寬度

border-left（左側邊框）：左側邊框顏色、左側邊框樣式、左側邊框寬度

border-right（右側邊框）：右側邊框顏色、右側邊框樣式、右側邊框寬度

border-top（頂部邊框）：頂部邊框顏色、頂部邊框樣式、頂部邊框寬度

cue（聲音提示）：前提示、後提示

font（字型）：字型、字型大小、字型樣式、字型粗細、字型變體、線高度、字型大小調整、字型展開

list-style（列表樣式）：列表樣式映像、列表樣式位置、列表樣式類型

margin（空白）：頂部空白、右側空白、底部空白、左側空白

outline（大綱）：大綱顏色、大綱樣式、大綱寬度

padding（間隙）：頂部間隙、右側間隙、底部間隙、左側間隙

pause（暫停）：後暫停、前暫停

減少空白

例如：

.sample1 {

margin-top: 15px;

margin-right: 20px;

margin-bottom: 12px;

margin-left: 24px;

padding-top: 5px;

padding-right: 10px;

padding-bottom: 4px;

padding-left: 8px;

border-top-width: thin;

border-top-style: solid;

border-top-color: #000000;

}

將它用一些縮寫性質來替代就能夠把代碼減少為下面這樣，兩者的實際效果是完全一樣的：

.sample1 {

margin: 15px 20px 12px 24px;

padding: 5px 10px 4px 8px;

border-top: thin solid #000000;

}

看看。代碼是不是少了不少呢？一般可以壓縮25%~50%的！