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书写顺序,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。