css中用一张背景图做页面的技术有什么优势?
2015-07-21 13:29
501 查看
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/
相关文章推荐
- css3时钟
- Reset CSS杂烩
- 浏览器默认样式(User Agent Stylesheet)
- <img> 标签的 alt 属性
- css 浏览器兼容性问题解决
- CSS等高布局
- CSS3_实现圆角效果box-shadow
- css:map热点的应用
- CSS图片描边
- css input[type=file] 样式美化,input上传按钮美化
- CSS3创建加载动画效果
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- 手机web——自适应网页设计(html/css控制)
- CSS一些基础知识整理
- 7.21CSS初步
- css自定义字体.ttf字体,ie不解析,提示font-face加载错误
- less css api
- less css 语法
- 如何将ppt转成pdf样式的文档
- LESSCSS