-
css sprite优点：有效的减小http请求数量，加速内容显示，因为每请求一次，就会和服务器链接一次，建立链接是需要额外时间的查看全部
-
1、静态图片，不随用户信息的变化而变化 2、小图片，图片容量比较小 3、加载量比较大 一些大图不建议拼成雪碧图查看全部
-
js 多方便啊查看全部
-
background-position查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
用户注册表查看全部
-
icon雪碧图置入查看全部
-
雪碧图的实现方式查看全部
-
雪碧图要点查看全部
-
我的代码查看全部
-
li i { background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); display: inline; float: left; margin: 3px 10px 0 0; height: 24px; width: 30px } /* 在这里补充雪碧图的样式 */ .cat-1 i{background-position:0 0;} .cat-2 i{background-position:0 -24;} .cat-3 i{background-position:0 -48;} .cat-4 i{background-position:0 -72;} .cat-5 i{background-position:0 -96;} .cat-6 i{background-position:0 -120;} .cat-7 i{background-position:0 -144;} .cat-8 i{background-position:0 -168;}查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 ... background-position:x轴 y轴，要使用定义i标签 background:url(雪碧图片);查看全部
-
登录界面的写法及其管理查看全部
-
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 ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
举报
0/150
提交
取消