前端开发

 首页 > 前端开发 > css教程 > CSS sprites 图片精灵在线生成器

CSS sprites 图片精灵在线生成器

分享到:
【字体:
导读:
         [导读] CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数。多个图片将以一定间距合并为一个大图片文件。页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼...

CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数。多个图片将以一定间距合并为一个大图片文件。页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。

这一技术可有效提升网站性能。尤其是网页上有众多小图片时,如许多菜单栏图标。Yahoo!首页是使用此技术的一个实例。

使用该工具:CSS Sprite Generator


分享到:
详解css中单位px和em,rem的区别PX特点EM...
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素...
CSS Sprites CSS精灵 样式生成工具
本文详细解答了CSS Sprites 原理,以及教会大家如何使用。 CSS Sprites简介CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……