1、使用css精灵。
好处是将css中使用的小图片可以合并为一张大图片减少了对服务器端的请求，服务器压力小，页面加载速度也快。
2、合并多个css文件为单个css文件。
好处同css精灵
3、使用外部css。
外部css可以被浏览器缓存，而且便于维护。
4、将css放在head中。
可以参考雅虎的文档http://developer.yahoo.com/performance/rules.html#css_top
5、使用link而不是import
使用import页面加载的速度会慢。而且在IE中加载顺序可能与预期不一致，这将直接导致显示问题。
6、使用css简写。
比如使用margin代替margin-top等的写法。
7、相似的样式放在一起，避免重复书写。
8、减少换行。
9、删除最后的分号。
10、使用单行注释。
11、rgb颜色简写。
12、去掉不必要的单位，比如px。
13、删除不使用的样式。
可以减小文件，缩短浏览器解析和匹配时间。
14、压缩css文件。
以上这些都很浅显，没有做过多的说明，当然有一些css压缩工具有优化功能。
好处是将css中使用的小图片可以合并为一张大图片减少了对服务器端的请求，服务器压力小，页面加载速度也快。
2、合并多个css文件为单个css文件。
好处同css精灵
3、使用外部css。
外部css可以被浏览器缓存，而且便于维护。
4、将css放在head中。
可以参考雅虎的文档http://developer.yahoo.com/performance/rules.html#css_top
5、使用link而不是import
使用import页面加载的速度会慢。而且在IE中加载顺序可能与预期不一致，这将直接导致显示问题。
6、使用css简写。
比如使用margin代替margin-top等的写法。
7、相似的样式放在一起，避免重复书写。
8、减少换行。
9、删除最后的分号。
10、使用单行注释。
11、rgb颜色简写。
12、去掉不必要的单位，比如px。
13、删除不使用的样式。
可以减小文件，缩短浏览器解析和匹配时间。
14、压缩css文件。
以上这些都很浅显，没有做过多的说明，当然有一些css压缩工具有优化功能。
标签：
css优化
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无争山庄资源网 Copyright www.whwtcm.com
暂无“css优化技巧自己实践心得”评论...
更新日志
2024年12月27日
2024年12月27日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]