-
icon-font 纯色背景 icon 大图片,独立加载 只有个别小图片,才会使用sprite icon查看全部
-
雪碧图生成工具查看全部
-
ul、li的格式清除等查看全部
-
<i></i> 原来是icon图标的意思。查看全部
-
Sprite雪碧图的适用场景查看全部
-
一般不依赖标签的原生样式,而是统一重置,有利于消除原生标签在不同浏览器中显示的差别查看全部
-
css sprite合成时可以用在线合成工具,查看每个小图标的坐标,使用时设置好小盒子或者li表格的宽度和高度,用background:url() 0 0 norepeat;把相应的坐标填进去即可查看全部
-
<html> <head> <!--准备一个空白的HTML页面,同时完成css reset样式 --> <!--补充完整的样式--> <style> ul{ list-style:none; } h3{ margin:0; padding:0; } li h3{ font-size:14px; font-weight:400; } li{ display=block; Height:31px; Line-height:31px; Overflow:hidden; Border-bottom:1px solid #dedede } .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } </style> </head> <body> <!--添加列表的结构--> <div class="cat"> <ul class> <li> <h3>服装内衣</h3> </li> <li> <h3>鞋包配饰</h3> </li> <li> <h3>运动户外</h3> </li> <li> <h3>珠宝手表</h3> </li> <li> <h3>手机数码</h3> </li> <li> <h3>家电办公</h3> </li> <li> <h3>护肤彩妆</h3> </li> <li> <h3>母婴用品</h3> </li> </ul> </div> </body> </html>查看全部
-
雪碧图实现方式: (1)ps手动拼图 (2)使用sprite工具自动生成 sprite下载网址:http://www.99css.com/archives/1524查看全部
-
雪碧图实现原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。即background-position查看全部
-
雪碧图使用场景: (1)静态图片,不随用户信息的变化而变化 (2)小图片,图片容量比较小 (3)加载量比较大 一些大图不建议拼成雪碧图 使用雪碧图的优点: (1)有效的减少http请求数量 (2)加速内容显示查看全部
-
原理:控制一个层可显示区域范围大小,通过窗口滑动背景图片查看全部
-
2、小图片,图片容量比较小查看全部
-
什么时候使用雪碧图? 1、静态图片,不随用户信息的变化而变化查看全部
-
ok不查看全部
举报
0/150
提交
取消