-
由于li是行内元素，要设置行高，需要用到display:block;查看全部
-
一般h3等标题标签都有margin和padding，最好就是把他们清除掉: h3{margin:0; padding:0} 因为这是浏览器原生的属性，在这个案例中，由于用到li,实际开发为了保证效果，主要还是通过设置列表中的li标签大小来控制行高查看全部
-
sprite工具查看全部
-
图片的坐标查看全部
-
cssscrpite雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
雪碧图使用场景要求： 1静态图片，不随用户信息的变化而变化查看全部
-
雪碧图实际上是多张小图片拼接而成，大图拼接会导致更大的图片，加载速度慢查看全部
-
使用雪碧图的原因：减少http请求，从而减少与服务器的链接次数，加快反应速度查看全部
-
雪碧图的原理查看全部
-
cssgaga htttp//www.99css.com/archives/1524查看全部
-
cssscrpite雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
CSS Sprite :CSS雪碧图 通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小 3.加载量比较大 作用：减少HTTP请求数量，加速内容显示。查看全部
-
css sprite 雪碧图：查看全部
-
1.常用<i></i>来放小图片 2.为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3.ul{list-style:none}//去掉<ul>标签下<li>标签的小黑点 li {display:block;//使得行高设置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止内容溢出 4.不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式，以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出 （决定浏览器如何处理溢出的步骤： (1) 输入 overflow: 。 (2) 输入 visible ，让元素盒子中的所有内容可见，这是默认项； 或者输入 hidden ，隐藏元素盒子容纳不了的内容； 或者输入 scroll ，无论元素是否需要，都在元素上添加滚动条； 或者输入 auto ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
举报
0/150
提交
取消