-
*{padding:0; margin:0;} ul{list-style:none;} li{display:block; height:31px; line-height:31px; border-bottom:1px solid #dedede; text-align:center; overflow:hidden; } li h3{ font-weight:400; font-size:14px;} .cat{width:150px; background:#f8f8f8; border:1px solid #bbb; padding:0 10px;}查看全部
-
<style> *{padding:0; margin:0;} ul,li{list-style:none;} ul li{display:block; border-bottom:1px solid #dedede; text-align:center; overflow:hidden; } li h3{height:31px; line-height:31px; font-weight:200; font-size:14px;} .cat{width:124px; background:#f8f8f8; border:1px solid #bbb; padding:0 10px;} </style>查看全部
-
雪碧图自动生成工具。cssgaga查看全部
-
雪碧图使用： 1.静态图片，不随用户信息的变化而变化。 2.小图片，图片容量比较小。 3.加载量比较大。 一些大图不建议拼成雪碧图。查看全部
-
.cat-1{background-position:0 -24px;}查看全部
-
雪碧图是以左上角的点为（0,0）坐标，其他的图标以此为基准在第四象限里面，一般利用ps找到他们的便宜位置查看全部
-
li i{background:url() display:inline; width:30px; height:24px; float:left} 只有设置浮动属性，才可以设置长和宽查看全部
-
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可防止元素溢出查看全部
-
i标签用来展示icon查看全部
-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
css sprite查看全部
-
ul{list-style:none}查看全部
-
cssgaga查看全部
-
花了好长时间 一个小时......唉查看全部
-
生成sprite图的工具：cssgaga查看全部
举报
0/150
提交
取消