我个人比较喜欢的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://m.huajiangbk.com/newsview732109.html
上一篇: (*´∇`*) 欢迎回来! |
下一篇: 国学课——古老的牡丹 |