首页 > 网站 > 网页设计 > 正文

css优化技巧自己实践心得

2024-08-30 08:35:30

字体：大中小

来源：转载

供稿：网友

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压缩工具有优化功能。

上一篇：网页里的两种盒子模型(W3C盒子模型、IE盒子模型)

下一篇：网页设计中flash覆盖弹出层设置z-index属性也不行

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注