首页 > web前端 > css教程 > 正文

css编写注意事项总结分享

黄舟
发布: 2017-09-16 11:37:09
原创
1466 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板