CSS代码书写顺序

2016-05-12 19:59:44 CSS代码书写顺序整理,推荐的CSS规范书写顺序。

CSS代码书写顺序整理,推荐的CSS规范书写顺序。

这里推荐先写显示属性,再写自身属性,再写文字属性;但是并不代表非得按这个顺序写,只是这种写法可以使css结构更清晰易读,修改起来比较方便。而且在团队项目中能更好地提高效率。

//显示属性
display
list-style
position
float
clear

//自身属性
width
height
margin
padding
border
background

//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content

其他地方推荐CSS代码书写顺序

1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

HTML8推荐与总结,CSS代码不同属性单词书写顺序与浏览器读取无关不受影响,推荐根据自己习惯或团队习惯写CSS代码即可!实质不需要考虑不同CSS属性单词代码书写顺序。

 

更新