《谈谈CSS Sprites技术及其优化》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
CSSSprites技术对于广大的前端工程师来说应该是一点也不陌生...
随着网络技术的发展，网速的提升，大家越来越重视页面的加载速度，页面效率问题，过去的那些小图便成为了前端开发者的眼中钉，因为每加载一张图片都会产生一次浏览器请求数，发起的请求数越多那么页面加载的速度也越慢...
应对一个项目后期维护成本大的问题，我们最好的解决方案就是在开始前制定一系列的规范来限制问题的产品...
这张画布是由20px*20px像素的格子组成...
Sprites画布有了，接下来就是对图标进行分组了...
比如不可用的灰色的分享按钮X坐标=5*20px=100pxY坐标=7*20px=140px;那么我们就取得了这个图标的位置即background-position:-100px-140px...
项目出现二期需求了，需要增加图标？...
......
本文由站长之家用户“微博UDC”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。