CSSコード略語

CSSコードの略語-帯域幅の削減

ボックスモデルコードの略語

//     10px、    15px、    12px、    14px
margin:10px 15px 12px 14px;

// 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;

// padding      margin    

カラー値の省略形

//   
p {color: #000000;}
//     
p {color: #000;}

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;  //       
}

// font   ：
font: [[ ||  || ]? [/?];
//                   
body{
    font: italic small-caps bold 12px/1.5em "  ",sans-serif;
}

//   ：
// 1、             font-size font-family  ，     （ font-style、font-variant、font-weight、line-height）            
// 2、    font-size line-height     “/”  

//              ，        ，            ：
body {
    font: 12px/1.5em "  ", sans-serif;
}
//      、   、    、