-
雪碧图格式查看全部
-
雪碧图生成工具：CssGaga查看全部
-
雪碧图应用场景：<br> 1、静态图片，不随用户信息变化而变化；<br> 2、小图片，图片容量较小； 3、加载量较大（要加载很多的小图片） 大图不建议拼成雪碧图查看全部
-
雪碧图查看全部
-
图片请求查看全部
-
雪碧图查看全部
-
li i { display: inline; float: left; margin: 3px 10px 0 0; height: 24px; width: 30px } li i{background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg)} .cat-2 i{background-position:0 -24px;} .cat-3 i{background-position:0 -48px;} .cat-4 i{background-position:0 -72px;} .cat-5 i{background-position:0 -96px;} .cat-6 i{background-position:0 -120px;} .cat-7 i{background-position:0 -144px;} .cat-8 i{background-position:0 -168px;}查看全部
-
1.<i>常用来放小图片; 2.无序列表去掉前面的小黑点，使用ul{list-style:none;} 3.图片设置background-position在css样式里设置； 4.不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出;查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置 雪碧图实现原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
css scrpite 雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置查看全部
-
cssscrpite雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
sprite生成工具：cssgaga查看全部
举报
0/150
提交
取消