-
1.简单的雪碧图可以用ps来做。 2.复杂的雪碧图借用生成雪碧图的工具——cssgaga。查看全部
-
以左上角顶点为原点查看全部
-
雪碧图的作用查看全部
-
雪碧图应用场景查看全部
-
雪碧图使用场景 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小 3.加载量比较大 一些大图一般不拼成雪碧图 目的：减少http请求数量加速内容显示，请求建立连接，花费额外时间查看全部
-
CSS雪碧图使用规则查看全部
-
Css Gaga查看全部
-
雪碧图实现原理查看全部
-
css sprite查看全部
-
cssgaga查看全部
-
cssgaga查看全部
-
<html> <head> <style> *{margin:0; padding:0;} .nav{ border:1px solid #ccc; display:inline-block; padding:0 10px; } .nav ul{ } .nav ul li{ border-bottom:1px solid #ccc; list-style-type:none; padding:0 30px; } li.bo{ border:0; } .nav ul li a{ text-decoration:none; font-size:15px; } i{ display:inline-block; width:20px; height:20px; background-color:red; color:white; } i:hover{ background-color:white; color:red; } </style> </head> <body> <div class="nav"> <ul> <li><i>1</i><a>服装内衣</a></li> <li><i>2</i><a>鞋包配饰</a></li> <li><i>3</i><a>运动户外</a></li> <li><i>4</i><a>珠宝手表</a></li> <li><i>5</i><a>手机数码</a></li> <li><i>6</i><a>家电办公</a></li> <li><i>7</i><a>护肤彩妆</a></li> <li class="bo"><i>8</i><a>母婴用品</a></li> </ul> </div> </body> </html>查看全部
-
一旦一个元素设置了 float, 那么这个元素的 display 就会被指定为 block，即使你手动再去改变 display 的值，它仍然会保持为 block！查看全部
-
雪碧图，优化网页查看全部
-
通过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 控制一个层，可显示的区域范围大小， 通过一个窗口，进行背景图的滑动查看全部
举报
0/150
提交
取消