cssSprites【2012/07/17】
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了cssSprites【2012/07/17】，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含866字，纯文字阅读大概需要2分钟。
内容图文
说cssSprites之前，先简单说一下什么是http请求。HTTP------超文本输送协议。http 负责web服务器与web浏览器之间的通信，用于从web客户端向服务端发送请求，并从服务器向客户端返回内容（网页）。
cssSprints 也叫 css 精灵，有人也翻译为 css 雪碧。它是一种网页图片应用处理方式。它允许将一个页面的零星图片包含到一张大图中，访问该页面时减少了http请求。 csssprites原理：把网页中一些背景图片整合到一张图片文件中，再利用css的“background-image”"background-repeat""background-position"进行定位。
csssprites优点：1、减少网页的http请求，的大体高了网页的性能。
2、只需要对一张图片命名，不需要对每一个小元素命名，提高制作效率。
3、更换风格方便，只需要更改一张或少张图片的颜色或样式，整个页面的风格就改变。
csssprites缺点：1、这张图有大量的空白，加载时会导致浏览器的内存占用上升。
2、如果要修改一张小图片，整张雪碧图都会被修改，工程大。
3、有时有些图片会出现在它不该出现的位置。
csssprites使用技巧：1、边切图边整合，不要等到完成切片之后才开始sprite。
2、把图片放到它要显示的地方的相对的地方。
3、定位时避免使用bottom或right等，最好使用确切位置定位。
4、给每个图片足够的空间。
５、最好不要将需要repeat的图片也整合进去。
注：对于当前网络流行的速度而言，不高于200KB的单张图片所需载入时间基本差不多，所以不用担心sprite图会延长加载时间。ＰＳ：关于ｃｓｓｓｐｒｉｔｅｓ还有许多的优点与缺点，在用的时候应该权衡。
原文：http://www.cnblogs.com/zhengyingyan/p/3627190.html
内容总结
以上是互联网集市为您收集整理的cssSprites【2012/07/17】全部内容，希望文章能够帮你解决cssSprites【2012/07/17】所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。