CSS书写顺序

1. 确定盒子本身的布局

• position: absolute
• flat: right/left
• display: flex

2. 盒子的特性和可见性

• display
• visibility

3. 盒子模型

• width,height
• box-sizing
• margin, border, padding, content
• box-shadow, text-shadow

4. 内部的文字

• font, text

5. background

• background-image, size, position, color

6. 其他

• transform, transition, overflow, white-space