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

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

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

唐挽斐

li本身就是块级元素，没必要加display：block；

0 3-1 静态页面实现

2015-10-23

雪碧图效果出不来

已采纳回答 / Y_du

<...code...>按钮的颜色是不一样的。<...code...>修改一下这里就好了。.button c1{background-position:0 0;}css是没有这样的写法的。

3 回答 2465 浏览 4-1 编程挑战

2015-10-22

为什么加了i标签后无序列表不在对齐而是上下错开的

最新回答 / qq_爱的潜规则我不懂_0

没添加浮动，我跟之前视频一样的步骤但视频是对齐了我的是错开的

2 回答 1500 浏览 3-2 编程练习

2015-10-22

江之永矣不可方思

老师你微薄列表里的2B分组瞩目

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

2015-10-21

你div里面的input没有设宽高.button{ width:100%; height:100%; border:none; background-image:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);}#signup{ background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg)0 -38px; }

3 回答 1188 浏览 4-1 编程挑战

2015-10-20

zhurui027

li设置个毛的block

0 3-1 静态页面实现

2015-10-20

代码无法兼容IE较低版本的问题！

最新回答 / 邢旭叔叔

<!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-...

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

2015-10-16

关于字体缩进的问题？？

已采纳回答 / donaf

比如说有一个段落这是一个段落给它定义一个style,设置text-indent:2em;就缩进2个单位了。你试试。

2 回答 1005 浏览 4-1 编程挑战

2015-10-13

关于雪碧图设置问题

最新回答 / ChenIrving

这样这个坐标轴实现不了啊。

3 回答 1122 浏览 4-1 编程挑战

2015-10-12

li i为什么要设置成inline？

已采纳回答 / echo_kinchao

因为Li是块级元素

2 回答 1151 浏览 3-3 CSS Sprite 应用

2015-10-11

老铁牛

还有刷经验的，这经验有什么用呢？

0 3-1 静态页面实现

2015-10-07

请问怎么实现里面的下划线在整个div里居中

已采纳回答 / donaf

你这个应该是一个div里面嵌套一个<ul><li>你只要对<ul>或者<li>设置一个“padding:0 10px"（左右要一样），然后对<li>加一个"border-bottom:1px",这样这条线是居中的了

2 回答 4066 浏览 3-2 编程练习

2015-10-05

css sprite 雪碧图应用

已采纳回答 / 幕布斯6906120

不是的，他是把整个sprite图作为元素的background（背景），然后整个sprite图默认以左上角为坐标轴（0，0),然后调整整个图片的位置来显示元素背景，每一个元素都有一个独立的sprite图，例如（-40px，0）就是整块图片向左移动（x轴）移动40px ，上下（y轴）不偏移

2 回答 1189 浏览 3-3 CSS Sprite 应用

2015-10-03

DEEPNESS

给 li 加个class之后

.cat li i{
background-image: url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);

}
.cat1 i{
background-position: 0 0;

就可以了。

0 3-4 编程练习

2015-10-01

EpisodeOne

ul {list-style:none;margin:0px;padding:0px;}可以让整体居中

0 3-2 编程练习

2015-10-01

EpisodeOne

display:block; 是什意思

0 3-1 静态页面实现

2015-10-01

首页上一页 12 13 14 15 16 17 18 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS Sprite雪碧图应用