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

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

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

知乎慕小慕

li i{
width: 30px; /*必须有*/
height: 24px; /*必须有*/
background: url("http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg"); /*必须有*/
display: inline-block; /*必须有*/
float: left; /*必须有*/
margin: 4px 0 0 0 ;
}

1 3-4 编程练习

2017-03-15

未央宫者

正在学习，前端学会容易，学精真的需要下一番功夫。

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

2017-03-14

Alex8384

最后的参考代码不全

0 4-1 编程挑战

2017-02-10

wangzhimin

老师很帅！干脆利落清晰！刚强迫着自己听完了一个嗲的难受的课，来您这感觉耳朵得救了。感谢！

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

2017-01-07

蕉下_客

这个老师讲课很好，很喜欢他的声音，棒棒哒~

0 3-1 静态页面实现

2017-01-02

指创生活

准备找新工作，进来复习下

2016-12-24

mike652638

这节练习题有个神坑: 在CSS <style></style>标签内用HTML的注释标签, 导致紧贴在下方的CSS样式失效. CSS正确注释样式为/*补充完整的样式*/

3 3-2 编程练习

2016-12-17

mike652638

理解了, 横坐标为负数表示将大图向左边移动, 纵坐标为负数表示将大图向下边移动.
StackOverFlow里解释的挺好 :)
http://stackoverflow.com/questions/3889661/whats-this-negative-value-in-this-css-property

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

2016-12-17

mike652638

CSS Sprite的Y轴坐标是负数可以理解, 但X轴坐标也是负数有点难以理解了, 不应该是以整张图片左上角为原点, 坐标轴的第四象限(+-)么?

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

2016-12-17

emily973

完美，撒花

0 4-1 编程挑战

2016-12-13

孤单又灿烂的神

这就叫雪碧图啊！无形中会了都！

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

2016-12-09

Alextiffy

前端自动化工具可以自动合成雪碧图比如fis gulp

2016-12-04

Lemon156

lemon156邀请您访问绿叶论坛
http://bbs.lvyestudy.com/?fromuser=lemon156

0 2-1 CSS Sprite雪碧图实现方式

2016-11-29

心有猛虎_细嗅蔷薇

慕课网里有另一门类似的课程《用字体在网页中画ICON图标》也是讲CSS Sprite
其中的代码是用js实现的。有兴趣的朋友可以去学习学习~~
【P.S.li是块级元素；灵活使用Sublime的快捷键】

0 3-1 静态页面实现

2016-11-21

心有猛虎_细嗅蔷薇

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

1 2-1 CSS Sprite雪碧图实现方式

2016-11-21

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS Sprite雪碧图应用