January 1, 2008
CSS Sprites 生成器
去年（是啊，今天可是 2008 年了，各位写日期时别搞错了啊 – -）写过一篇关于 CSS Sprites 的文章，由于已经有大量的文章写它的原理，我只是敷衍两句罢了。
CSS Sprites 这东西不知道能不能算上是个技术，我觉得充其量也就是个 CSS 技巧。但是当你网站上小图标数量特别多（例子）的时候，这个小技巧却有大用处。CSS Sprites 通过使用一张图片代替所有的小图标以节约 HTTP 连接开销以提高加载速度，再为不同的元素指定不同的 background-position 属性值将小图标分别显示在正确的位置上。更好玩的应用当属刚刚改版的谷歌首页了，下面那活灵活现的动画可不是 GIF 图片，不信你看看背景图，真的只有一张，还不会动：
听上去很简单，做起来也不太难，如果只有七八个图标用 PS 一下子就搞定了，但是图标数量多了就不好办了，你不仅需要把这些图标整合成一张图片，还需要不停地计算并记住图标的位置（像素值）。我没亲手做过很多图标，估计也是一件令人崩溃的事情。如果你刚好在为这个烦恼，那不如试试一个专门的 CSS Sprites 生成器，把所有图标打个 zip 包再指定几个参数就搞定了，这玩艺儿不仅可以为你自动生成整张图片，连对应的 CSS 也写好了，一个字：省事。
PS：今天是 2008 元旦，也是 TCP/IP 协议诞生 25 周年纪念日！（详情）
笑一笑，十年少
这个东西是不是只能定义元素的背景色啊？我想把图标定义成可以点击的链接应该怎么写这个背景CSS啊？比如我的Logo。我只会用img套上a标签。。。
hhalloyy’s last blog post..Zune Phone
hhalloyy » 这东西只有把图片设置为背景才有用，但是把 Logo 图片设为背景再添加链接好像有点麻烦，不过还是有解决办法的。看这个：http://hellobmw.com/archives/how-to-add-a-hyperlink-to-the-header-image.html