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

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

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

为什么不用list-style-image呢？

+ 我来回答回答最高可+2积分

3 回答 1493 浏览 3-1 静态页面实现

2015-09-08

虾扯蛋

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。

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

2015-09-07

虾扯蛋

CSSSprites在国内很多人叫css精灵

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

2015-09-07

nonobody

i标签后面的那个宽度的设置后面的; 真的是最坑的！

2 3-4 编程练习

2015-09-06

慕姐6079912

你们都没注意到最外底部边框的阴影

box-shadow:0 1px 1px 0px #ccc;

1 3-2 编程练习

2015-09-05

慕运维2907241

看完老师的讲解，瞬间战斗力+1学会了CSS拼合图片!

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

2015-09-01

慕运维2907241

因为SPRITE就是雪碧，所以叫雪碧图我晕。

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

2015-09-01

慕运维2907241

老师声音并不小啊。

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

2015-09-01

BryanAdams

inline + float 解决IE6 双外边距bug

1 3-3 CSS Sprite 应用

2015-08-27

CSSGaga下载安装

+ 我来回答回答最高可+2积分

2 回答 1577 浏览 2-1 CSS Sprite雪碧图实现方式

2015-08-24

small_dragon

其实是有点简单了，感觉说到第二节就可以结束，不过入门的同学可以仔细看看

0 3-3 CSS Sprite 应用

2015-08-23

qq_七月_7

看完视频后还是实践一下比较好

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

2015-08-21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...

1 回答 604 浏览 4-1 编程挑战

2015-08-19