滑动门与CSS精灵技术详解及其应用.pptx

2026-3-16

CSS第六课

滑动门

滑动门

滑动门：

滑动门并不是一项全新的技术，它是利用背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。

滑动门——网站圆角结构

CSS精灵（css雪碧/csssprites）

CSS精灵

CSSSprites在国内很多人叫CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去。

CSSSprites并不是一门新技术，目前它已经在网页开发中发展得十分成熟。大部分公司要求前端工程师必须使用CSS精灵，处理图片；

CSSsprites

CSSsprites——例图

CSSsprites——优缺点

CSS精灵优点：

利用CSS精灵能很好地减少了网页的http请求次数，从而大大的提高了页面的性能，这也是CSS精灵最大的优点；减少图片大小

CSS精灵缺点：

降低开发效率；

维护难度加大；

………………