css书写顺序

我个人比较喜欢的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等)

相关知识

CSS样式的书写顺序及原理——很重要！
关于CSS书写规范、顺序和命名规则
花程式的书写顺序？
书写顺序拆分时.ppt
花程式的书写顺序,王者荣耀花花符号
汉字笔画的书写顺序及口诀
陈子豪汉字笔画的书写顺序.doc
CSS 禅意花园: CSS 设计之美
一年级生字表笔画顺序
花店CSS网页模板

原文链接: css书写顺序 https://www.huajiangbk.com/newsview732109.html