也谈 CSS Sprites（2）
作者：heiniu 来源：Alimama UED 发布时间：2009-10-06 15:14:00
CSS Sprites优点：CSS Sprites为什么突然跑火，跟能够提升网站性能有关。显而易见，这是它的巨大优点之一。
1.利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
2.个人认为CSS Sprites能减少图片的字节，我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
CSS Sprites缺点：
诚然CSS Sprites是如此的强大，但是也存在一些不可忽视的缺点。
1.在图片合并的时候，你要把多张图片有序的合理的合并成一张图片，还要留好只够的空间，防止板块内不会出现不必要的背景，否则可能会出现出现干扰图片的情况；这些还好，做痛苦的是在宽屏，高分辨率的屏幕下的自适应页面，你的图片如果不够宽，很容易出现背景断裂；
2.CSS Sprites在开发的时候比较麻烦，你要通过photoshop或其他工具测量计算每一个背景单元的精确位置，这是针线活，没什么难度，但是很繁琐；不过网上已经有高手开发出“CSS Sprites 样式生成工具”，大家可以尝试一下。
3.CSS Sprites在维护的时候比较麻烦，sprites是一般 * 剑，如果页面背景有少许改动，一般就要改这张合并的图片，无需改的地方最好不要动，这样避免改动更多的css，如果在原来的地方放不下，有只能（最好）往下加图片，这样图片的字节就增加了，因为每次的图片改动都得往这个图片删除或添加内容，显得稍微繁琐，而且重新算图片的位置（尤其是这种上千px的图）也是一件颇为不爽的事情。当然，在性能的口号下，这些都是可以克服的。
4.由于图片的位置需要固定为某个绝对数值，这就失去了诸如center之类的灵活性。
CSS Sprites总结：
性能压倒一切。CSS Sprites非常值得学习和应用，特别是页面有一堆ico（图标）。总之很多时候大家要权衡一下利弊，在决定是不是应用CSS Sprites。为保持兼容性和维护性，sprites图片中的各个部分保持一定的距离是一种不错的做法。
0
投稿猜你喜欢
在我们开始之前，一定要注意这篇文章只针对Windows用户！对于那些使用Windows的人来说，这是一个有趣的想法。如果您想使用python- DRF 框架，全称为 Django Rest Framework，是 Django 内置模块的扩展，用于创建标准化 RESTful API；
- 问题：根据数据某列进行分组，选择其中另一列大小top-K的的所在行数据解析：求解思路很清晰，即先用groupby对数据进行分组，然后再根据分
- 项目要求：读完题目，首先我们要确定程序思路我们要全部通过类去实现也就是 我们要实现管理员、学生、讲师、课程、教师五个类管理员类class A
- 本周暂时比较清闲，可以保持每日一更的速度。国外身份证项目新增需求，检测出身份证正面的人脸。最开始考虑mobilenet-ssd，经同事提醒，
- 关于中大型开发b/s开发中的缓存(cache)，我的一些看法，有不正确的或者是有笔误的地方，请指正。thanks首先，应该了解基本的，对于缓
- 什么是Matplotlib？Matplotlib是Python中的一个库，用于创建静态和动态动画，并使用其内置函数绘制。它有很多内置特性和内
- 我国移动互联网进入了飞速发展阶段，互联网人才日益受到企业的重视，其中PHP开发人才便是其中之一，在互联网旅游、金融、餐饮、娱乐、社交等一些新
- ASP实例代码，利用SQL语句动态创建Access表。留作参考,对在线升级数据库有用处.<％ nowtime = now()
- list.asp<％@LANGUAGE="VBSCRIPT" CODEPAGE="936&qu
- 如下所示：'''Created on 2018-4-20例子:每天凌晨3点执行func方法''
- 社会上的任何人，都不愿意自己给人留下难以交往的印象，就算是那些冷漠、寡情的人他们也在不断地寻求一种通道，达到与他人的交流和沟通。如果，在你与
- 本文实例讲述了JS获取日期的方法。分享给大家供大家参考，具体如下：原理很简单，一天的时间的毫秒数是1000*60*60*24，前n天的日期就
- memcache 的工作就是在专门的机器的内存里维护一张巨大的hash表，来存储经常被读写的一些数组与文件，从而极大的提高网站的运行效率，减
- 查看版本号sqlplus / as sysdba>select * from v$version;备份orcl数据库export OR
- 关于如何获取 access_token 这个可以自己查百度开放的OAuth 2.0 的 API。这里不做介绍。第三方 Python 库pos
- 声明：请事先到官网下载echarts，另外本文引用了adminlte模板构建前台页面views：<!-- /.row --> &
- 作为语言模型和文本挖掘中的常用工具，Word2Vec也可以用来构建聊天机器人。在本文中，我们将使用Python和Gensim库从头开始构建一
- 简介模板方法模式，是行为型的设计模式。定义一个操作中的算法的骨架，而将一些步骤延迟到子类当中，使得子类可以不改变一个算法的结构即可重新定义该
- 打开pycharm，程序某一行序号出出现书签bookmark，编号为9如果想要删除bookmark，将光标移至bookmark所在行，按快捷
