第13章 CSS代码缩写，占用更少的带宽

第13章 CSS代码缩写，占用更少的带宽

13.1    盒模型代码简写
        通常有下面三种缩写方法:

      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;

13.2  颜色值缩写
      例子1：
         p{color:#000000;}
         可以缩写为：
         p{color: #000;}

      例子2：
        p{color: #336699;}
        可以缩写为：
        p{color: #369;}

13.3  字体缩写
        body{
            font-style:italic;
            font-variant:small-caps;
            font-weight:bold;
            font-size:12px;
            line-height:1.5em;
            font-family:"宋体",sans-serif;
            }
       缩写为一句：
       body{
           font: 12px/1.5em  "宋体",sans-serif;
           }
       字号、行间距、中文字体、英文字体设置
---------------------------------------------------------------------------------------------