-
版本一查看全部
-
自己完成的，代码不是很简洁 样式还行查看全部
-
background-position:x y;查看全部
-
关键属性：background-position:x y; 注意是以左上角为原点查看全部
-
登陆框的效果查看全部
-
有点复杂查看全部
-
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可防止元素溢出查看全部
-
*{margin:0; padding:0;}使用通配符对内容进行初始化，比较方便查看全部
-
CSS Sprite 原理： 控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
CSS 雪碧图的坐标系是负值查看全部
-
小裙子 (-100,0)查看全部
-
CSS Sprite作用： 有效的减少http请求数量， 加速内容显示， 每请求一次，就会和服务器链接一次， 建立链接是需要额外时间的查看全部
-
CSS Sprite （CSS 精灵/雪碧图） 的使用场景查看全部
-
CSS Sprite 有利于性能的优化查看全部
-
<style type="text/css"> h3{ margin:0; padding:0;} .cat{ width:150px; background:#f8f8f8; border:1px solid ##bbb; } ul{ list-style:none;} li h3{ font-size:12px; font-weight:400;} li{ display:block; overflow:hidden; height:30px; line-height:30px; border-bottom:1px solid #dedede;} </style> </head> <body> <!--添加列表的结构--> <div class="cat"> <ul> <li class="cat_1"> <i></i> <h3>服装内衣</h3> </li> <li class="cat_2"> <i></i> <h3>鞋包配饰</h3> </li> <li class="cat_3"> <i></i> <h3>运动户外</h3> </li> <li class="cat_4"> <i></i> <h3>珠宝手表</h3> </li> <li class="cat_5"> <i></i> <h3>手机数码</h3> </li> <li class="cat_6"> <i></i> <h3>家用办公</h3> </li> <li class="cat_7"> <i></i> <h3>护肤彩妆</h3> </li> </ul> </div>查看全部
举报
0/150
提交
取消