CSS Sprite(CSS 妖精)，帕兰之前也有简单介绍过，就是把你在网页中使用的一些图标或图片合并成一张图片，再通过Background属性的定位来为每个元素添加背景图片。这样可以http图片文件的连接请求，加快网页的载入速度，如果你的网页中使用的图片尤其是图标比较多的话，比较适合使用CSS Sprite技术来提高网页效率。
比如帕兰映像当前的wordpress主题中也使用了该CSS技术，我之前在侧边栏放置的一些分类图标和底部的Feeb robot以及一些背景图片都放到了一起。
但是CSS Sprite使用起来也有一些麻烦，通常需要对html元素进行高宽的固定，以及CSS代码需要准确定位，相当的麻烦。 而现在，相应的CSS Sprite生成工具也就出来了，由Website perfomance提供，可以让你简单快速的把多张图片合并在一起，并且能够对HTML元素和每张图片所在的坐标位置进行生成。简化了CSS sprite的生成痛苦。
如果你正在使用CSS Sprite技术或是准备使用，那可以尝试一下这个工具。进入CSS sprite Generator.
没有评论:
发表评论