Rumah > hujung hadapan web > tutorial css > css编写注意事项总结分享

css编写注意事项总结分享

黄舟
Lepaskan: 2017-09-16 11:37:09
asal
1576 orang telah melayarinya

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

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

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

 所以尽量减少深度

2、减少inline  CSS的数量

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

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

 #tp p{}   (父)                                         
 #tp>p{}  (子)
Salin selepas log masuk

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

 

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

 

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

 

8、css注释  单行注释         /**/ 多行注释

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

Atas ialah kandungan terperinci css编写注意事项总结分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan