来谈谈：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 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 可以使用 CSS 检查工具进行设计。
页:
[1]