可以创建一张Sprites图,这张图既有普通分辨率图像,又有高分辨率下的图像?你可以,但你还是要面对,你的用户在一个较慢的带宽下下载一个大图的烦恼。你也要同时面对IE9以下的浏览器不支持background-size的麻烦问题。你最好还是分别为高分辨率和普通分辨率创建不同的两张Sprites图。这个...
分类:
Web程序 时间:
2014-08-01 13:27:11
阅读次数:
270
很久之前就在互联网网站和一些js插件中见过这种技术的应用,当时觉得很麻烦,就没有用,也没有去深究。近段时间一直在做前台的一些东西,涉及到很多div+css的问题。这个东东我又碰到了,所以我花了点时间去网上了解了下其中的原理。原来这个叫CSS Sprites技术,主要是个人爱好啦,我对前台这些个东西比...
分类:
Web程序 时间:
2014-07-23 16:17:41
阅读次数:
219
说白就是用样式表切一个大图片现在很多好的网站都是这么写,然后很多位置的图片,就用一张图片,然后一次URL请求就行了,加快网站访问速度这个就是切片工具可以直接导出下图框框中的内容这个是切片工具 全部拆分切开 用CSS精灵的方式合并到一起就ok了这里就是CSS精灵的写法 全用的一张图片 默认是 图片的位置是你div的左上角开始,我们用background-position,给他向左,向上移动一下 ,显...
分类:
Web程序 时间:
2014-07-10 23:48:51
阅读次数:
451
什么是CSS SpriteCSS Sprite 又叫CSS精灵,是目前大型网站中经常运用的图片处理方式。它的原理很简单,将网站上零散的小图片(或图标)整合在一张大图上,再用CSS中“background-image”属性来定位图片的X/Y轴位置,从而减轻服务器对图片的请求数量,提高网页加载速度。因为...
分类:
Web程序 时间:
2014-07-09 17:03:29
阅读次数:
339
在css开发中有一件非常令人头疼的东西:拼背景图片。比如一个项目中有三种按钮:button-normal, button-submit, button-cancel。一般的方式是个人手动在PSD中新建一个较大的画布,把三个按钮分别移到该画布上,最后通过background-position定位。这个...
分类:
Web程序 时间:
2014-07-09 13:30:16
阅读次数:
211
【UIAtlas】 UIAtlasis a container that has coordinate information for a bunch of sprites. AtlasType有2种: 1)Normal:此UIAtlas本身就是一个真的atlas,内含多个sprites。...
分类:
其他好文 时间:
2014-06-24 13:46:52
阅读次数:
311
css中用一张背景图做页面的技术有什么优势?简单介绍一下CSSSprites 的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的图片...
分类:
Web程序 时间:
2014-06-24 13:39:49
阅读次数:
207
CSS中,background可以设置对象的背景样式。如颜色或者使用一张图片代替,今天我要多说两句的就是使用一张图片的参数:image。准确的来说应该是background-image。我们可以这样用它:body{
background-image: url(....jpg);} /* 也可以直接使...
分类:
Web程序 时间:
2014-06-11 10:00:18
阅读次数:
343
css中用一张背景图做页面的技术有什么优势?简单介绍一下 CSS Sprites
的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites
的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的...
分类:
Web程序 时间:
2014-06-09 16:07:17
阅读次数:
227
今天我们开始学习html列表,包含以下内容和知识点:横向列表菜单 用图片美化的横向导航 css
Sprites
一、横向列表菜单前边学习过纵向导航菜单,又学习了float属性,那么要实现横向导航菜单是不是很简单了,只需要把li横向排列就可实现了。把第四节的代码拿过来直接用,修改后的代码如下:首页网页...
分类:
Web程序 时间:
2014-05-25 02:25:51
阅读次数:
263