https://www.shejidaren.com/css-written-specifications.html

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**

  • 独立的结构和样式
  • 独立的容器和内容
    1. <div class="size1of4 bgBlue solidGray mts mlm mrm mbm"></div>
    2. <style>
    3. .size1of4 {width: 25%;}
    4. .bgBlue {background:blue}
    5. .solidGray {border: 1px solid #ccc}
    6. .mts {margin-top: 5px}
    7. .mrm {margin-right: 10px}
    8. .mbm {margin-bottom: 10px}
    9. .mlm {margin-left: 10px}
    10. </style>