也谈 CSS Sprites
作者：heiniu 来源：Alimama UED 发布时间：2009-10-06 15:14:00
标签：CSS,Sprites,菜单,背景
CSS Sprites 简介：
通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、巧妙的方向发展，设计师们开始考虑使用非Javascript的方式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生。
说白了，CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。
当页面加载时，不是加载每个单独图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。
CSS Sprites应用：在这方面，淘宝网做的比较好，我就以淘宝网为例吧。
[实例一:淘宝频道页面导航]
效果图：
sprites图：
[实例二：淘宝首页]
效果图：
sprites图：
0
投稿猜你喜欢
- 在第1章项目结构分析中，我们提到Startup.cs作为整个程序的入口点，等同于传统的Global.asax文件，即：用于初始化系统级的信息
python3.7 pip升级 拒绝访问 解决方案pip install --upgrade pip --userps：下面看下python- 1.nginx使用哪种网络协议? nginx是应用层 我觉得从下往上的话 传输层用的是tcp/ip 应用层用的是http fastcgi负责
- 微信小程序实现一个简单的select下拉框，供大家参考，具体内容如下用的是transform过渡，没用动画看看效果废话不多说，直接上代码wx
- 本文介绍了详解TensorFlow在windows上安装与简单示例，分享给大家，具体如下：安装说明平台：目前可在Ubuntu、Mac OS、
- python中eval函数的用法十分的灵活，这里主要介绍一下它的原理和一些使用的场合。下面是从python的官方文档中的解释： &
- 现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动
- 本文实例讲述了PHP实现动态删除XML数据的方法。分享给大家供大家参考，具体如下：前面介绍了动态添加XML数据的方法，这里在原有Messag
- 一、Servlet实现文件上传，需要添加第三方提供的jar包下载地址：1) commons-fileupload-1.2.2-bin.zip
- ASP中查询数据库记录写入XML文件示例，把下面代码保存为Asp_XML.asp运行即可: &
- 在pytorch训练过程中可以通过下面这一句代码来打印当前学习率print(net.optimizer.state_dict()['
- 一、概念1. Pinia => PiniaPinia（发音为/pi?nj?/，如英语中的“pe
- 二维正态分布采样后，绘制置信椭圆假设二维正态分布表示为：下图为两个二维高斯分布采样后的置信椭圆和每个二维高斯分布采样100个数据点，图片为：
- go for range 遍历二维数组var arry [2][3] intfor index,_ := range arry {fmt.P
- 下载的数据是pascal voc2012的数据，已经有annotation了，不过是xml格式的，训练的模型是在Google模型的基础上加了
- 你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择
- 这篇文章主要介绍了Python实现序列化及csv文件读取,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- 什么是数据库镜像?Robidoux:数据库镜像是将数据库事务处理从一个SQL Server数据库移动到不同SQL Server环境中的另一个
- 一、元素偏移量 offset 系列offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）
- 一图胜“十”言：SQL Server 数据库总结 一个大概的总结 经过一段时间的学习，也对数据库有了一些认识。 数据库基本是由表，关系，操作
