CSS雪碧图

作者: 沙子_32c6 | 来源:发表于2018-09-11 20:02 被阅读0次

每个前端工程师都应该懂的前端性能优化总结：
饥人谷-任务9-2
CSS常见样式
JS逆向：基于雪碧图的反爬策略与破解
任务9- CSS常见技巧
任务9-2
CSS常见技巧
CSS常见技巧
css常见小技巧（雪碧图）
任务9-2

代码：

    <!DOCTYPE html>
    <html lang="en">
    <head>
<meta charset="UTF-8">
<title>亚马逊整合</title>
<style type="text/css">
    .img{
        display: block;
        background-image: url(35.png);
        width:126px;
        height:43px;

    }
    .tnb{
        display:block;
        width:46px;
        height:28px;
        background-image:url(34.png);
        background-repeat:no-repeat;
    }
    .tnb:hover{
        background-position:-46px 0;
    }
</style>
    </head>
    <body>
<a href="#" class="img"></a>
<a href="#" class="tnb"></a>
  </body>
    </html>

![选区_038.png](https://img.haomeiwen.com/i12648419/6b37dae87be372da.png?imageMogr2/auto-orient
/strip%7CimageView2/2/w/1240)
hover属性
active属性

每个前端工程师都应该懂的前端性能优化总结：
采用css雪碧图（css sprite/css图片精灵）技术采用css雪碧图（css sprite/css图片精...
饥人谷-任务9-2
一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 css雪碧图又叫css精灵或css sprite，...
CSS常见样式
CSS Sprite(雪碧图)指什么? 有什么作用 CSS雪碧图即CSS Sprite，也有人叫它CSS精灵图，...
JS逆向：基于雪碧图的反爬策略与破解
1. 雪碧图 1.1. 雪碧图雪碧图（sprite）也叫CSS精灵，是一CSS图像合成技术；该方法是将小图标...
任务9- CSS常见技巧
1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用简介CSS Sprites(雪碧图|精灵图)是一种...
任务9-2
1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧即CSS Sprite，也有人叫它CS...
CSS常见技巧
一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用？ CSS雪碧即CSS Sprite,也有人叫它C...
CSS常见技巧
1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS Sprite(雪碧图|精灵图)指该方法是将...
css常见小技巧（雪碧图）
1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧即CSS Sprite，也有人叫它CS...
任务9-2
1. CSS Sprite(雪碧图|精灵图)指什么? 有什么作用。CSS雪碧即CSS Sprite，也有人叫它C...