css优化技巧自己实践心得分享

css优化技巧自己实践心得分享

　　1、使用css精灵。

　　好处是将css中使用的小图片可以合并为一张大图片减少了对服务器端的请求，服务器压力小，页面加载速度也快。

　　2、合并多个css文件为单个css文件。

　　好处同css精灵

　　3、使用外部css。

　　外部css可以被浏览器缓存，而且便于维护。

　　4、将css放在head中。

　　可以参考雅虎的文档

　　5、使用link而不是import

　　使用import页面加载的.速度会慢。而且在IE中加载顺序可能与预期不一致，这将直接导致显示问题。

　　6、使用css简写。

　　比如使用margin代替margin-top等的写法。

　　7、相似的样式放在一起，避免重复书写。

　　8、减少换行。

　　9、删除最后的分号。

　　10、使用单行注释。

　　11、rgb颜色简写。

　　12、去掉不必要的单位，比如px。

　　13、删除不使用的样式。

　　可以减小文件，缩短浏览器解析和匹配时间。

　　14、压缩css文件。

　　以上这些都很浅显，没有做过多的说明，当然有一些css压缩工具有优化功能。

【css优化技巧自己实践心得分享】相关文章：