CSS Sprite雪碧图应用_技术问答

首页免费课 CSS Sprite雪碧图应用问答

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

                    查看讲师更多课程 
                    远人讲师的其他课程
                
电商网站前端架构
中级·101320
免费课程
                                
固定边栏滚动特效
初级·38895
免费课程
                                
认识响应式布局
中级·132129
免费课程
                                
Fiddler工具使用
中级·63518
免费课程
                                
                难度初级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.73
                            188人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

心有猛虎_细嗅蔷薇

慕课网里有另一门类似的课程《用字体在网页中画ICON图标》也是讲CSS Sprite
其中的代码是用js实现的。有兴趣的朋友可以去学习学习~~

3 1-1 CSS Sprite雪碧图使用场景

2016-11-21

ShArkJING

哈哈在这都不爱打中文

1 4-1 编程挑战

2016-11-09

qq_栗子壳儿_04229537

还是不明白为什么雪碧图要叫雪碧图

2 1-1 CSS Sprite雪碧图使用场景

2016-11-07

summer101

填好的啊啊

2016-10-08

微积分2016

*{padding:0;margin:0;}
.ul-shop{
width:150;
list-style:none;
padding:0 10px;
border:2px solid #bbb;
}
.ul-shop li{
border-bottom:1px solid #ccc;
}
.ul-shop li:last-of-type{
border:none;
}
.ul-shop li>h3{
font-size:16px;
color:#666;
text-align:center;
}

0 3-2 编程练习

2016-10-06

微积分2016

css
background-position: ;

1 3-1 静态页面实现

2016-10-06

慕瓜4513245

编辑器炸了还是我的输入法炸了

0 3-2 编程练习

2016-10-06

_风景都不存在

有没有习惯按 ctrl+s 的

24 4-1 编程挑战

2016-09-26

dellajie

优点
1.减少加载网页图片时对服务器的请求次数
2.提高页面的加载速度
缺点
1.CSS雪碧的最大问题是内存使用
2.影响浏览器的缩放功能
3.拼图维护比较麻烦

2016-09-16

channel_ho

全屏看了效果图，发现数值要改，收齐，直接按了Backspace...然后就没有然后了，呵呵呵呵呵

0 4-1 编程挑战

2016-09-10

channel_ho

前面都学得挺好的，到自己编写的时候就跪了。。

0 4-1 编程挑战

2016-09-10

低调一点点plus

雪碧图真的是非常常用！！！

0 1-1 CSS Sprite雪碧图使用场景

2016-09-06

bb740584693

不错,每天get点新知识

0 1-2 CSS Sprite雪碧图实现原理

2016-09-06

小新在编程

这里为什么要给<i>,设置display:block呢, <i>是行内标签,不会独占一行,它没有背景,不能设置背景图片,而这里我们是需要设置背景图片的,所以必须block,不然没有效果.如果你觉得不妥,可以用<div>来显示,当然最好的方式是建议大家到电商网站,用浏览器去看看他们是怎么实现这个小图标的,用的什么标签, 是Css雪碧图,还是其他什么的.掌握最前沿的技术方法来实现,毕竟CSS Sprite不是最好最完美的方式

1 3-3 CSS Sprite 应用

2016-08-24

小新在编程

这里也可以不用<i>标签放图片,也可以用其他的标签, 最好是便于代码维护,其实这里可以设置<i> display: inline-block,这样既可以显示图标,又不需要float,也不会独占一行. 很方便,建议这样设置, 因为float对后面的元素是有影响的,要清楚浮动,clear:both

2 3-3 CSS Sprite 应用

2016-08-24

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 您至少具备HTML/CSS基础知识。

老师告诉你能学到什么？: 1.学会CSS Sprite雪碧图制作方法。2.学会CSS Sprite雪碧图的使用方法。

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS Sprite雪碧图应用