-
下载网址 http://www.99css.com/archives/1524查看全部
-
自动生成雪碧图查看全部
-
使用雪碧图可以减少http请求次数查看全部
-
大图不适合拼成css sprite查看全部
-
= =查看全部
-
雪碧图适用范围查看全部
-
根据坐标位置给每一个i标签设置一个background-position 例如： .cat-1{background-position:0 -24px;}查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高 给i标签设置雪碧图背景图片 li i{ background:url();/*雪碧图片*/ display：inline;/*设置成行级元素*/（不同浏览器默认值有些不一样，所以网页设计时，最好都明确定义） width:30px; height:24px;/*因为i标签本身没有内容，所以设置宽高作为显示区*/ float:left; /*浮动元素会生成一个块级框，从而可以设置宽高*/ margin:3px 10px 0 0;/*微调*/ }查看全部
-
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 ，让滚动条仅在访问者访问溢出内容时出现。） 在设置height之前，要先把元素设置为 display:block ，这样height才有效。 把line-height（行高）设置与height一样的作用是： 垂直居中。 <style>ul{list-style:none}</style> 用于去掉<li></li>标签前面的小黑点 overflow:hidden; 防止元素溢出查看全部
-
代码结构查看全部
-
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请求数量，加速内容显示; 请求一次，服务器链接一次，建立链接需要额外的时间查看全部
-
雪碧图应用场景查看全部
举报
0/150
提交
取消