Web标准 css简写规则

1. css 字体简写规则
当使用css定义字体时你可能会这样做：
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold italic small-caps 1em/1.5em verdana,sans-serif; 
提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，会使用缺省值。
2、边框、边界、补白的简写规则
css中四周边框、边界、补白的属性值默认是从上开始顺时针方向赋值：TOP、RIGHT、LEFT、BOTTOM。事实上我们无须在任何时候都全写四项。
在属性后给一个值：四边相同；
在属性后给两个值：第一个为上下值，第二个为左右值；
在属性后给三个值：第一个为上边值，第二个为左右值；
在属性后给四个值：第一个为上边值，第二个为右边值，第三个为下边值，第四个为左边值。
例如外补白：
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
代码简化为：margin:1px 2px 3px 4p
3、css中边框（border)的默认值
border属性值简化
border-width:1px;
border-style:solid;
border-color:#000000;
代码简化为：border:1px solid #000
当编写一条边框的规则时，你通常会指定颜色、宽度以及样式（任何顺序均可）。例如：border: 3px solid #000（3像素宽的黑色实线边框），其实这个例子中唯一需要指定的值只是样式。假如你指定样式为实线（solid)，那么其余的值将使用默认值：默认的 宽度为中等（相当于3到4像素）；默认的颜色为边框里的文字颜色。如果这正是你想要的效果，你完全可以不在css里指定。
4、background属性值简化
background-color:#CCFFFF;
background-image:url(图片路径);
background-repeat:repeat-x;
background-position:5px 4px;
代码简化为：background:#CFF url(图片路径)  repeat-x 5px 4px
背景图片引用无须加引号，因为不是必须的。
5、color属性值简化
color:#000000;
color:#ff0000;
代码简化为：color:#000, color:#f00
CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其 他益处。