css中用一张背景图做页面的技术有什么优势?
2014-06-23 21:08
239 查看
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将多个图标或图片用同一张图片通过定位背景位置调用到页面
- css是什么?css是和js一样的作用于最终html页面的技术
- css考核点整理(十)-响应式开发经验,响应式页面的三种核心技术是什么
- css考核点整理(十一)-响应式开发经验,响应式页面的三种核心技术是什么
- 通过css将多个图标或图片用同一张图片通过定位背景位置调用到页面
- css中页面的背景图片代码
- .net面试题之WCF技术有什么优势
- 技术解决1——CSS+Jquery实现页面圆角框
- javascript查看页面引用什么CSS文件
- css弹出层+屏蔽背景页面(兼容fiefox
- 一张背景图实现的漂亮黄色CSS菜单
- asp.net是用什么技术把代码和页面分离的
- 用网页技术CSS实现网页背景渐变的四种代码设置
- CSS 背景偏移技术详解
- 静态页面生成技术中,把css,js,以及内容中的img标签放在同一个目录下