属性规范

行规css属性顺序 ⭐⭐⭐

1.位置属性(position, top, right, z-index, display, float等)　　
2.大小(width, height, padding, margin)　　
3.文字系列(font, line-height, letter-spacing,color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

规范使用CSS缩写属性 ⭐⭐

CSS有些属性是可以缩写的，比如padding,margin,font等等，但是，缩写的话，必须将所有属性都写全，否则不使用缩写。因为这样更一目了然，便于维护

/** bad */ 
.content-warpper {
font: 16px Courier;
} 
/** good */
.content-warpper {
font-size: 16px; 
font-family: Courier;
}

0和单位 ⭐⭐⭐

如果属性值为0，不加单位

/** bad */ 
.content-warpper {
  padding: 0px;
}

/** good */
.content-warpper {
  padding: 0;
}

颜色

优先使用十六进制表示颜色 ⭐⭐⭐
避免使用rgb和十六进制混用 ⭐
尽量使用三位的十六进制 ⭐⭐⭐
必须保持小写 ⭐⭐⭐

引号

属性值中的字符串要用双引号 ⭐⭐
而url（）中不要使用引号 ⭐⭐

小数值小于1，别写.前面的0 ⭐⭐⭐

/** bad */ 
.content-warpper {
  padding: 0.5em;
}

/** good */
.content-warpper {
  padding: .5em;
}