-
background:url(); background-position: x?px y?px;查看全部
-
Sprite雪碧图的适用场景:查看全部
-
icon-font 纯色背景 icon 大图片,独立加载 只有个别小图片,才会使用sprite 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>查看全部
-
原理:控制一个层可显示区域范围大小,通过窗口滑动背景图片查看全部
-
2、小图片,图片容量比较小查看全部
-
什么时候使用雪碧图? 1、静态图片,不随用户信息的变化而变化查看全部
-
下载雪碧图生成器查看全部
-
雪碧图快速生成查看全部
-
大图不适合雪碧图查看全部
-
我的练习题,光看没练,还是没得好熟悉查看全部
-
雪碧图快速生成工具--CssGaga查看全部
举报
0/150
提交
取消