-
盒模型代碼縮寫
三種縮寫方法(包括:margin/padding):
//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;
-
顏色值縮寫
當你設置16進制的色彩值時,如果每兩位的值相同,可以縮寫一般。
//例1:
p{color:#000000;}
//縮寫:
p{color:#000;}
//例2
p{color:#336699;}
//縮寫:
p{color:#369;}
-
字體縮寫
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;
}