-
盒模型代码缩写
三种缩写方法(包括: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;
}