-
CSS sprite实现方式: 1.PS手动拼图 2.使用sprite工具cssGaga自动生成 下载地址:http://www.99css.com/1524/查看全部
-
控制一个层,可显示的区域范围太小,通过一个窗口,进行背景图的滑动查看全部
-
小图以左上角定点为(0,0)坐标开始查看全部
-
拼合背景图的小图(X,Y)为负值查看全部
-
使用雪碧图有效减少http请求数量,加速内容显示 每请求一次,就会和服务器链接一次,建立链接是需要额外时间的查看全部
-
CSS雪碧即CSS Sprite,也叫CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 适用场景: 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小 3.加载量比较大 大图不建议拼成雪碧图查看全部
-
<html> <head> <style> *{margin:0;padding:0;} li{display:block;list-style:none;height:30px;line-height:30px;border:1px solid #f7f7f7; border:1px solid #dedede; overflow:hidden;} h3{font-size:14px;font-weight:400;text-indent:20px;} .cat{ background:#f8f8f8;width:150px; border:1px solid #bbb;} </style> </head> <body> <!--添加列表的结构--> <div class="cat"> <ul> <li class="cat-1"><h3>服装内衣<h3></li> <li class="cat-2"><h3>鞋包配饰<h3></li> <li class="cat-3"><h3>运动户外<h3></li> <li class="cat-4"><h3>珠宝手表<h3></li> <li class="cat-5"><h3>手机数码<h3></li> <li class="cat-6"><h3>家电办公<h3></li> <li class="cat-7"><h3>护肤彩妆<h3></li> <li class="cat-8"><h3>母婴用品<h3></li> </ul> </div> </body> </html>查看全部
-
li h3{} li下面的H3进行设置查看全部
-
应用场景查看全部
-
史蒂夫史蒂夫查看全部
-
css Sprite 雪碧图生成工具 CSS gaga查看全部
-
display:inline属性是在默认情况下,宽度和高度设置无效,就像a标签 如果不是默认情况,就算设置了display:inline,他们的宽高依然可以设置而且有效,只是变成同行显示 div的默认display属性是block 而input的display属性是inline-block 所以他们的宽高是可以设置的查看全部
-
你给div或者什么盒子。设置了固定的宽度或高度。 然后不想盒子里的内容。有溢出。就可以 用overflow:hidden;查看全部
-
list-style:none; 可以去除列表的·查看全部
-
1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小 3.加载量比较大 一些大图不建议拼成雪碧图。 有效的减少http的请求数量,加速内容显示 每请求一次就会和服务器链接一次,建立链接是需要额外时间的 CSS Sprite的实现原理 background-position CSS Sprite的实现方式 Ps手动拼图 Css Sprite自动生成工具:CssGaga;查看全部
举报
0/150
提交
取消