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；