CSS Sprites的原理 (图像整合技术)

图像整合

把一些有规律的小图标整合在一张图片上,利用背景图片的可移动性background-position去使用的技术

优点: 减少图像的体积,
减少向服务器的 请求次数
减少网络带宽的占有
提高网页加载速度
提高用户体验度

注意:整合的图像一定是以背景图出现的
图片整合的体积不要超过100kb
整合图像时注意间距和整合方向问题

滑动门技术

1)什么是滑动门
滑动门是一个形象的称呼,它利用CSS背景图像可层叠性,并允许彼此之上进行滑
动来创造一些特殊动态效果
2)滑动门特征:
通过滑动门技术,可以使CSS设计出来的导航菜单兼具传统布局的图像效果,与
CSS布局的高效扩展性 。
圆角边框设置

发布了33 篇原创文章 · 获赞 57 · 访问量 1658

猜你喜欢

转载自blog.csdn.net/Shirley_0513/article/details/103692844