weixin_50255042的博客

原创 CSS精灵图技术说明

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、HTML代码二、CSS代码1.样式部分2.如何确认字母大小，偏移距离？总结 前言 “精灵图”，一个有趣的名字。新人需掌握的小重点，下面通过简单粗暴的案列帮助你理解并学会灵活使用 使用工具： “Macromedia Fireworks”，自行下载，可免费试用30天。 图片素材： 要求：选出“精灵图”字母缩写 一、HTML代码 代码如下： 二、CSS代码 1.样式部分 代码如下： background:url（“素