css中用一张背景图做页面的技术有什么优势?
2012-11-03 23:20
393 查看
css中用一张背景图做页面的技术有什么优势?
简单介绍一下 CSS Sprites 的优点:
当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载
速度。
实现方法:
首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;或者简写background:url(图片路径) no-repeat 8px -95px;
转载于: http://uicss.cn/css-sprites/
简单介绍一下 CSS Sprites 的优点:
当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载
速度。
实现方法:
首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;或者简写background:url(图片路径) no-repeat 8px -95px;
转载于: http://uicss.cn/css-sprites/
相关文章推荐
- css中用一张背景图做页面的技术有什么优势?
- css中用一张背景图做页面的技术有什么优势?
- css中用一张背景图做页面的技术有什么优势?
- css考核点整理(十)-响应式开发经验,响应式页面的三种核心技术是什么
- css是什么?css是和js一样的作用于最终html页面的技术
- css考核点整理(十一)-响应式开发经验,响应式页面的三种核心技术是什么
- 通过css将多个图标或图片用同一张图片通过定位背景位置调用到页面
- 通过css将多个图标或图片用同一张图片通过定位背景位置调用到页面
- css,用一张大图片来设置背景的技术真相
- css,用一张大图片来设置背景的技术真相
- 用网页技术CSS实现网页背景渐变的四种代码设置
- css弹出层+屏蔽背景页面(兼容fiefox
- CSS 背景偏移技术详解
- css弹出层+屏蔽背景页面(兼容fiefox) (转)
- 什么是 DIV + CSS 有哪些优势
- css 修改页面选中时背景颜色
- css样式实现整个页面背景使用一张图片
- CSS 异步加载技术 不影响页面渲染
- 技术背景 FaceBook页面加载技术
- 学习XHTML、CSS、DIV、Javascript,AJAX等页面技术的不错网站