-
使用雪碧图：1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量小。查看全部
-
做出来不一样呀查看全部
-
记录 仔细查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出 （决定浏览器如何处理溢出的步骤： (1) 输入 overflow: 。 (2) 输入 visible ，让元素盒子中的所有内容可见，这是默认项； 或者输入 hidden ，隐藏元素盒子容纳不了的内容； 或者输入 scroll ，无论元素是否需要，都在元素上添加滚动条； 或者输入 auto ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
ps手动拼图：小项目方便，大项目太复杂 使用sprite工具自动生成 sprite生成工具ssgaga查看全部
-
控制一个层，可显示的区域范围大小。 通过一个窗口，进行背景图的滑动。 过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0查看全部
-
css background position来控制雪碧图，查看全部
-
建立连接需要额外时间的 没请求一次，就会和服务器连接一次查看全部
-
加速网站查看全部
-
通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 使用雪碧图：1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量小。查看全部
-
还是蛮实用的查看全部
-
样式表不是那么难查看全部
-
css sprite自动生成工具： CSS Gaga 下载地址：http://www.99css.com/archives/1524查看全部
-
使用雪碧图 适用条件： 1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量小。 3.加载量比较大。 一些大图不建议拼成雪碧图。查看全部
-
CSS Sprite :CSS雪碧图 通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 使用雪碧图：1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量小。 3.加载量比较大。 一些大图不建议拼成雪碧图。 每请求一次，就会和服务器链接一次，建立链接是需要额外时间的查看全部
举报
0/150
提交
取消