来谈谈：css-sprite合用的前提:对css-sprite的了解

学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。
破洛洛文章简介：并非说CSS-sprite手艺欠好，只是甚么时分必要用，甚么时分不必要用，不克不及够混为一谈的跟风，看人家网易用了，你也用！
最入手下手的时分，图片都是一张一张独自存在，必要哪张，就发送http哀求来挪用，跟着工夫的推移，background-position的使用，又衰亡了css-sprite这类手艺，一时之间人人都在自觉跟风，以为不如许做就不敷专业，大概手艺不敷好等。

css-sprite是把一切用于网页背景的图片，拼合在一张年夜图以内，然后经由过程背景图定位的办法，来把持显现本人必要的那张图。可是不是一切的图片都合用css-sprite，比方网页内的图片，大概是必要反复平展的图片。而且，这类年夜图一旦兼并今后，假如今后再要修正个中的某一个图片，就要牵一发而动满身，假如只是复杂色彩改动，也许还略微简单一些，可是假如年夜图内的某些元素的尺寸变更了，就必要从头举行兼并了，而且大概会招致其他图片的地位产生变更，从而演化成调剂一个图片，还要同时调剂年夜图内的其他图片，而且要调剂css的background-position的数值。

并非说css-sprite手艺欠好，只是甚么时分必要用，甚么时分不必要用，不克不及够混为一谈的跟风，看人家网易用了，你也用！

css-sprite合用的前提：
1.网站的开辟已终了，包含功效，模块，交互，程序，都已重复测试，就差公布;
2.网站已趋于完善，不会再三天两端的修改，不克不及说明天上线了，今天以为按钮太小了，要调剂，后天以为按钮太年夜了要调剂;
3.你的网站流量很年夜，必要只管削减http的哀求次数;

css-sprite也并非像看起来那末复杂的，只是单一的把图片拼合在年夜图上那末复杂，起首你应当思索，那些图片是必要每一个页面都要引进的，这些图片能够拼合到一张年夜图中，而那些只要一般页面才必要挪用的图片，则不合适也加在年夜图内里，不然你的http哀求次数切实其实是小了，可是某些图片实在在某些页面是不必要用到的，可是你放在一张年夜图内里，用户仍是必要往加载，形成了网速的包袱。

别的，关于一些小公司，做一个产物没有一个公道的构想乃至框架，想到那里就让人往做，想一步做一步，做一步改一步，改完一步，再改一步，改来改往没有终极敲定的，这个时分假如一入手下手就利用css-sprite拼合图片，无疑给本人形成了伟大的困扰，增添了很多的事情量。以是最好是，比及产物已完整敲定，测试没有成绩，能够上线公布了，再往拼合图片。</p>
结构清晰，容易被搜索引擎搜索到，天生优化了seo

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。