1、不使用@import
这条手段已经是众所周知,这里简单提一下,@import影响css文件的加载速度
2、避免使用复杂的选择器,层级越少越好
有时候项目的模块越来越多,功能越来越复杂,我们写的CSS选择器会内套多层,越来越复杂。
建议选择器的嵌套最好不要超过三层,比如:
Homo Symbolicus: The Dawn of Language, Imagination and Spirituality
header.logo.text{}可以优化成
haeder.logo-text{}简洁的选择器不仅可以减少css文件大小,提高页面的加载性能,浏览器解析时也会更加高效,也会提高开发人员的开发效率,降低了维护成本。
3、精简页面的样式文件,去掉不用的样式
很多时候,我们会把所有的样式文件合并成一个文件,但是这样有一个问题:很多其他页面的CSS同时引用到当前页面中,而当前页面并没有用到它们,这种情况会造成两个问题:
(1)样式文件偏大,影响加载速度
(2)浏览器会进行多余的样式匹配,影响渲染时间。
转载请注明: 学霸作文网 » 五年级写景作文:观云海_700字