CSS屬性簡寫

標籤：

• 盒模型簡寫：

1. 如果top、right、bottom、left的值相同，如下面代碼：margin:10px 10px 10px 10px; 縮寫為：margin:10px;
2. 如果top和bottom值相同、left和 right的值相同。margin:10px 20px 10px 20px;縮寫為：margin:10px 20px;
3. 如果left和right的值相同.margin:10px 20px 30px 20px;縮寫為：margin:10px 20px 30px;

• 顏色值縮寫

1. p{color:#336699;} 縮寫為：p{color:#369;}

• 字型縮寫

1. body{ font-style:italic;//字型傾斜 font-variant:small-caps; //所有字母大寫 font-weight:bold; //字型加粗 font-size:12px; //字型大小 line-height:1.5em; //行間距 font-family:"宋體",sans-serif;//字型 }              縮寫為body{font:italic small-caps bold 12px/1.5em  "宋體",sans-serif;}

注意：

1、使用這一簡寫方式你至少要指定 font-size 和 font-family 屬性，其他的屬性(如 font-weight、font-style、font-varient、line-height)如未指定將自動使用預設值。

2、在縮寫時 font-size 與 line-height 中間要加入“/”斜扛。

CSS屬性簡寫