CSS代码的简写

1.合模型代码的简写

对于合模型的border、padding、margin设置边框时：

①上右下左同为10px时：border:10px;

②上下为10px，左右为20px时：border:10px 20px;

③上为10，左右为20，下为30时：border:10px,20px,30px;

2.颜色值的简写

当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。

比如：

span{color:#000000;}可以缩写为span{color:#000;}

span{color:#336699;}可以缩写为span{color:#369;}

3.字体的简写

像这样：

body{

font-style:italic;  斜体

font-weight:bold;  字体加粗

font-size:20px;  字体大小

font-height:1.5em; 行间距

font-family:"宋体",sans-serif;  中文字体，英文字体

}

可以简写为：

body{

font:italic bold 20px/1.5em "宋体",sans-serif;

}

需要注意的是：

使用这种简写方式，至少要指定font-size和font-family属性，这两个必须都要有，缺一不可！

在简写时，font-size和font-height之间要加斜杠"/"。