-
2.1雪碧【图】生成 1、手动ps 2、自动生成工具：cssgaga将一组图片传进去之后，系统自动会拼成一张大图，并且会将每一个小图的坐标给出。 cssGaga下载地址：http://www.99css.com/1524/查看全部
-
控制一个层，可显示的区域范围大小。 通过一个窗口进行背景图的滑动查看全部
-
1.2 CSS Spirit雪碧图实现原理 实现原理：控制可显示的区域范围大小，对背景图偏移定位。 通过css的背景定位属性：background-position 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移 例如(-100,0)，只需要将background-position:-100,0; 原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
CSS scrpite雪碧图 一、常规使用雪碧图的条件： 1、静态图片，不随用户信息的变化而变化； 2、小图片，图片容量比较小； 3、加载量比较大 大图不建议拼成雪碧图，加载时间长 WHY: 有效的减少http请求数量，加速内容显示; 请求一次，服务器链接一次，建立链接需要额外的时间查看全部
-
雪碧图应用场景查看全部
-
3.3雪碧图应用 li i { /*display: inline;*/ float: left; margin: 3px 10px 0 0; height: 24px; width: 30px;/*设置宽高，使得背景显现*/ background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); /*！！没有引号*/ } .cat-1 i{background-position:0 -24px;}查看全部
-
2.1雪碧【图】生成 1、手动ps 2、自动生成工具：cssgaga将一组图片传进去之后，系统自动会拼成一张大图，并且会将每一个小图的坐标给出。 cssGaga下载地址：http://www.99css.com/1524/查看全部
-
1.2 CSS Spirit雪碧图实现原理 实现原理：控制可显示的区域范围大小，对背景图偏移定位。 通过css的背景定位属性：background-position 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移 例如(-100,0)，只需要将background-position:-100,0;查看全部
-
CSS scrpite雪碧图 一、常规使用雪碧图的条件： 1、静态图片，不随用户信息的变化而变化； 2、小图片，图片容量比较小； 3、加载量比较大 大图不建议拼成雪碧图，加载时间长 WHY: 有效的减少http请求数量，加速内容显示; 请求一次，服务器链接一次，建立链接需要额外的时间查看全部
-
雪碧图一般应用条件查看全部
-
常规使用雪碧图的条件：1、静态图片，不随用户信息的变化而变化；2、小图片，图片容量比较小；3、加载量比较大查看全部
-
有几个非常不错的前端开发在线工具，分享给一起学习的小伙伴们，别忘了收藏，很实用。 （1）在线代码测试工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在线调色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圆角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
dssssssssssssssssssss查看全部
-
xxxxxxxxxxxxxxxxxxxxxssssssssssssssssssssssss查看全部
-
xxxxxxxxxxxxxxxxxxxxx查看全部
举报
0/150
提交
取消