繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS Sprites网页图片整合方法
- CSS样式表
- 可以给img元素设置背景图
- 不通过JavaScript实现的自动滚动视差效果
- 学DIV+CSS技术,如何入门?
- XHTML+CSS制作样式风格切换的WEB站点
- 解决IE6.0、IE5.0、IE5.5差异
- DIV+CSS制作的个性水平导航菜单实例
- css里expression实现界面对象的批量控制
- 利用CSS框架进行高效率的站点开发 Elements
- CSS模块化设计：从空格谈起
- 在IE流览器中正确显示PNG透明图片
- CSS样式表创建美妙绝伦的网站
- 性感的CSS菜单(Menus)
- CSS教程关于css框架网页设计
- 以HTML为基础学习DIV+CSS
- 提高CSS文件可维护性的五种方法
- dl、dt、dd 标记来改造163邮箱的广告条
- WEB前端涉及的布局、结构化和标准化
- CSS网页制作布局实例教程
- CSS教程：认识层叠规则互相作用
- ul结合CSS制作网页相册滑动浏览效果
CSS样式表 中的 CSS Sprites网页图片整合方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 73 ::
收藏到网摘: n/a
论坛上提到这样的问题：“css中用一张背景图做页面的技术有什么优势？”
简单介绍一下 CSS Sprites 的优点：
当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。
实现方法：
- 首先将小图片整合到一张大的图片上
- 然后根据具体图标在大图上的位置，给背景定位。background-position:-8px -95px;
评论 (0) All
