高效CSS属性简写总结

1.margin/padding/border-width(上右下左)

简写前：margin-top:1em;

margin-right:0;

margin-bottom:2em;

margin-left:0.5em;

简写后：margin:1em 0 2em 0.5em;

2.border

简写前：border-width:1px;

border-style:solid;

border-color:#000;

简写后：border:1px solid #000;(border:width style color;)

3.background

简写前：background-color:#f00;

background-image:url(background.gif);

background-repeat:no-repeat;

background-attachment:fixed;

background-position:0 0;

简写后：background:#f00 url(background.gif) no-repeat fixed 0 0;

（background:color image repeat attachment position;）

4.fonts

简写前：font-style:italic;font-variant:small-caps;font-weight:bold;font-size:1em;line-height:140%;font-family:"Lucida Grande",sans-serif;

简写后：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

5.outlines

简写前：outline-color:#f00;outline-style:solid;outline-width:2px;

简写后：outline:#f00 solid 2px;