我个人比较喜欢的css书写顺序：
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.背景(background, border等)
4.文字系列(font, line-height, letter-spacing, color- text-align等)
5.其他(animation, transition等)
因为我习惯把页面当成一张白纸，而我们书写样式就像是在纸上作画，我喜欢先描绘出轮廓，再充实细节。
描绘轮廓包括：确定下笔的位置(position, top, right, z-index, display, float等)，要作的画的大致尺寸(width, height, padding, margin)，然后确定画的基色(background, border等)。
充实细节：画的内容，使用的笔刷，线条，色彩等(font, line-height, letter-spacing, color, text-align, text-ellipsis等)。
最后的渲染： (hidden, cursor, animation, transition等)