css编写注意事项总结分享

CSS的编写是需要积累的，而一个好的css编写习惯对我们将来的成长是非常有利的，我会把我平时看到的或者遇到的会不定时的更新到这里，不时翻一下，但求有所进步。

如果各位看官也有看法和建议，评论下，我也会更新进来，谢谢！

1、css选择符是从右到左进行比配的，例如 #nav li，查找时先会去找到所有的li，然后再去筛选父元素，确定匹配的父元素......所以性能其实很差

　所以尽量减少深度

2、减少inline CSS的数量

3、使用现代合法的css属性

4、避免使用后代选择符 ，尽量使用子代选择符

　#tp p{}   (父)                                         
　#tp>p{}  (子)

5、避免使用通配符 例如.mod *{}

6、命名尽量不缩写，除非一看就明白的单词

7、尽量统一用英文、英文简写或者统一使用拼音

8、css注释 <!-- --> 单行注释 /**/ 多行注释

9、有些属性必须符合浏览器兼容

10、全部小写，且每一项css定义成一行

11、所有装饰性的图片要写在css中

12、ID必须唯一且在文档中定义

13、css代码命名不建议使用中杠连接符

14、建议单位使用相对长度单位，如em和%

15、css中谨慎使用expression , 尽量不要使用

16、css中尽量不要使用滤镜，因为滤镜会影响代码读取速度和兼容性

以上就是css编写注意事项总结分享的详细内容，更多请关注php中文网其它相关文章！