-
使用sprite，将多张小图片整合成一张大图片，可以减少http请求数，加速内容显示查看全部
-
CSS GAGA是sprite自动生成工具，导入图片，自动生成雪碧图，并且返回各个图片的坐标。查看全部
-
雪碧图一般用于静态图片，不随用户信息改变而改变；大规模网站，用于优化性能；小图片显示，一些大图片不宜用雪碧图。 优化网站性能，小雪碧图组成一个大图，是为了减少http请求数。查看全部
-
对li: display:block;设置相同的height和line-height，以便让文字能垂直居中。查看全部
-
雪碧图生成工具查看全部
-
雪碧图实现原理查看全部
-
为什么要使用雪碧图查看全部
-
sprite雪碧图的应用场景查看全部
-
1.<i>常用来放小图片; 2.无序列表去掉前面的小黑点，使用ul{list-style:none;} 3.图片设置background-position在css样式里设置； 4.不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出;查看全部
-
.btn{/*两个按钮样式和导入背景按钮图片*/ background: url("http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg"); margin-top: 10px; width: 190px; height: 39px; text-indent: 880px; cursor: pointer; } .register{ background-position: 0 -37px;/*???为什么注册背景导入失败了？？原来是没有写px像素单位，细节啊。*/ }查看全部
-
http://www.99css.com/cssgaga/查看全部
-
雪碧图，图片资源加载一次，减少与服务器的互动。 通过background-position属性改变图片位置查看全部
-
cssgaga windows 环境下快速生成 sprite 图查看全部
-
有几个非常不错的前端开发在线工具，分享给一起学习的小伙伴们，别忘了收藏，很实用。 （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查看全部
-
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。查看全部
举报
0/150
提交
取消