-
.cat-2 i{ background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); background-position:0 -24px; }查看全部
-
<style> *{margin:0px;padding:0px;} .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } li h3{ font-size:15px; font-weight:400; } ul{list-style:none;} li{ text-align:center; display:block; height:31px; line-height:31px; border-bottom:1px solid #dedede; overflow:hidden; } </style>查看全部
-
不是设置<h3>高度来进行布局,去掉h3margin padding。而是使用<li>的margin padding以及display:block;height:;进行布局查看全部
-
CSS sprite实现方式: 1.PS手动拼图 2.使用sprite工具自动小图集成大图,并返回position,如cssGaga工具 下载地址:http://www.99css.com/1524/查看全部
-
position原理查看全部
-
雪碧图适用场景查看全部
-
background-size的问题?查看全部
-
搭建框架查看全部
-
还事没有养成习惯查看全部
-
就好查看全部
-
雪碧图工具和下载地址查看全部
-
每http请求一次,就会和服务器连接一次,而建立连接时需要额外的时间开销 CSS Sprite使用优化:有效的减少http请求数量,加速内容显示 CSS Sprite 使用规则: 1、静态图片,不随用户信息的变化而变化(通常在网站上以常态的形式存在) 2、小图片,图片容积比较小 3、3K-5K容量,网站加载量比较大 (一些大图不建议使用Sprite图,用户加载量较大)查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
雪碧图坐标系查看全部
-
雪碧图的应用场景查看全部
举报
0/150
提交
取消