还剩4页未读,继续阅读
文本内容:
《及的用法》Sprite课件PPT本课件将介绍Sprite的用法,它是一种CSS技术,能够提高网页性能和加载速度通过合并多个小图片成一张大图片,Sprite减少了HTTP请求次数什么是SpriteSprite是一种CSS技术,将多个小图片合并成一张大图片,减小HTTP请求次数,提高网页性能的优点Sprite减少请求次数加快网页加载速度1HTTP2合并小图片为一张大图片,降低了从服务器减小了图片的体积,提升了网页的加载速度获取图片的次数减小图片体积,降低带宽消耗减小服务器负载34通过合并图片,减小了图片的总体积,节省减少了服务器响应图片请求,降低了服务器了用户的带宽的负载的制作流程Sprite收集小图片1收集需要合并的小图片,例如按钮图标或小动画帧组合小图片成一张大图片2使用工具,如Photoshop,将小图片有序地合并成一张大图片使用定义每个小图片的位置3CSS和大小通过CSS样式,为每个小图片指定位置坐在页面中引用合成后的图片HTML4标和尺寸在HTML页面中使用已合成的Sprite图片的使用方法Sprite制作图片定义样式在页面中引用Sprite CSSHTML•使用Photoshop等工具制•定义每个小图片的位置•在HTML页面中使用相作每个小图片和大小应的CSS类名•使用工具将小图片组合•定义鼠标悬停、选中等效果•将样式应用到相应的成一张大图片HTML元素总结是一种技术,制作图片需要收在页面中引用Sprite CSSSprite HTML能够减少请求次集小图片,组合成一张图片需要使用相HTTP Sprite数,加快网页加载速度,大图片,并在中定应的类名,并将样CSS CSS提高网页性能义每个小图片的位置和式应用到相应的HTML大小元素通过合并多个小图片成一张大图片,Sprite能够显著优化Sprite的制作需要经历几个简通过在HTML页面应用正确网页性能单的步骤,包括收集、组合的CSS类名,我们可以方便和定义CSS样式地引用Sprite图片。