[关闭]
@EncyKe 2016-06-08T06:26:08.000000Z 字数 279 阅读 1885

CSS:Sprite

前端 CSS



1. 特点

  1. 应用于静态、常态的图片,不随用户信息变化而变化;
  2. 多为小图片;大图片不建议转换为CSS Sprite;
  3. 加载量较大;

2. 优点

  1. 优化性能,加速显示;
  2. 只链接一次图片,降低请求数;

3. 方式

3.1. 图片制作

  1. Ps等工具手动拼图;
  2. CSS Gaga等生成工具;

3.2. 代码引入

  1. html中以<i class="sprite_icon_sth"></i>作引用;
  2. css中用background-position: x y;定位其图片,以左上角为(0,0)点,x和y均为负值或0;


添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注