码迷,mamicode.com
首页 > Web开发 > 详细

H5 40-CSS精灵图

时间:2017-03-19 13:51:02      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:作用   lang   charset   图像   pos   osi   ima   oct   height   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>40-CSS精灵图</title>
    <style>
        .box{
            width: 86px;
            height: 28px;
            background-image: url(images/weibo.png);
            background-position: -425px -200px;
        }
    </style>
</head>
<body>
<!--
1.什么是CSS精灵图
CSS精灵图是一种图像合成技术

2.CSS精灵图作用
可以减少请求的次数, 以及可以降低服务器处理压力

3.如何使用CSS精灵图
CSS的精灵图需要配合背景图片和背景定位来使用
-->
<div class="box"></div>
</body>
</html>

 

H5 40-CSS精灵图

标签:作用   lang   charset   图像   pos   osi   ima   oct   height   

原文地址:http://www.cnblogs.com/ljcgood66/p/6580051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!