CSS精灵技术

css雪碧技术

css精灵是处理网页背景图的方式,它将一个页面涉及的所有零星背景图集中到一张大图上,把大图应用在网页中
主要是用于整合小图片,以提高服务器的响应速度。


<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Documenttitle>
	<style type="text/css">
	     div {
      
	     	width: 56px;
	     	height: 49px;
	     	background: url(E:/迅雷下载/WEB/03-CSS基础与进阶/day10/img/jd.png) no-repeat;
	     	background-position: 0 -438px;
	     }

	     p {
      
	     	width: 17px;
	     	height: 13px;
	     	background: url(E:/迅雷下载/WEB/03-CSS基础与进阶/day10/img/jd.png) no-repeat;
	     	background-position: 0 -414px;
	     }
	style>
head>
<body>
	<div>div>
	<p>p>
body>
html>

测试所用图片

CSS精灵技术_第1张图片


返回目录

你可能感兴趣的:(前端,CSS精灵技术)