-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
CSS Sprite雪碧图的使用条件：1.静态图片，不随用户信息的变化而变化。 2.小图片，图片容量比较小 3.加载量比较大（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
注意position的值为负数，因为雪碧图使用的坐标系是第四象限查看全部
-
cssgaga windows 环境下快速生成 sprite 图查看全部
-
雪碧图要按一定顺序排列，x和y轴的排列方向和距离查看全部
-
雪碧图最重要的部分 background-position:x轴 y轴，要使用定义i标签，并在之前引用雪碧图查看全部
-
i标签表示放置一个icon查看全部
-
cssgaga查看全部
-
<style> h3{margin:0; padding:0;} ul{list-style:none;} li h3{font-size:14px;font-weight:400;} li{ display:block; height:31px; line-height:31px; overflow:hidden; border-bottom:1px solid #dedede; } .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } </style>查看全部
-
<meta http-equiv="Content-Type"content="text-html charset=utf-8"/>查看全部
-
注意 h标签具有margin和padding查看全部
-
雪碧图：静态图，不随用户信息变化，加载数量多，3-5k的小图查看全部
-
css雪碧（css精灵）的简单实用方法：查看全部
-
雪碧图使用i标签标识icon查看全部
-
拼合背景图的小图为负值查看全部
举报
0/150
提交
取消