CSS开发规范

css内部属性的添加顺序

1 .display,float
2 .position,t,l,r,b,zIndex
3 .border,border-radius,width,height
4 .font,line-height,text-align
5 .color,background
6 .opacity

开发规范

1 .缩进四个空格
2 .每个属性声明末尾都要加分号
3 .尽量将媒体查询的规则靠近与他们相关的规则,不要将他们放到一个独立的样式文件中,或者丢在文档的最底部。
4 .去掉小数点前面的0,去掉数字后面不必要的小数点和末尾的0.
5 .属性值0后面不要加单位
6 .避免使用@import语句。如果使用了@import语句,这个指令不仅慢,而且增加了额外的请求次数,还会导致不可预料的问题。通过sass或者less类似的css预处理器将多个css文件便以为一个文件。

颜色

1 .使用16进制尽量小写,使用简写

文件引用

1 .一律使用link的方式调用外部样式
2 .不允许在页面中使用style块
3 .不允许在style块中使用@import
4 .不允许使用style属性写行内样式。
5 .一般情况下,在页面中只允许使用link标签来引用css文件。

避免低效率的选择器

1 .避免类型选择器

div#first, li.first-X
#div, .first-O

2 .避免多id选择器

你可能感兴趣的:(CSS开发规范)