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

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

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

赞鱼鱼

*{ margin:0;padding: 0;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}

0 3-2 编程练习

2015-06-26

设置background-position无效啊各位帮我看看

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

3 回答 7941 浏览 3-3 CSS Sprite 应用

2015-06-26

mosaice

这么简单的东西居然能说1个小时？

0 3-3 CSS Sprite 应用

2015-06-25

XinyangLi

The HTML <i> Element represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.

0 3-1 静态页面实现

2015-06-24

我不在

还是自己写比较简单~~刷经验的。

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

2015-06-22

设置h3的字体的问题

最新回答 / uhelper_net

找本css的书,查找一下选择器和优先级相关章节.

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

2015-06-19

n少箐

为什么图片下载不了呢

0 3-2 编程练习

2015-06-18

衍洛雨

li i{background: url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);display: inline;width: 30px;height: 20px;float:left;margin:5px 12px 0 5px}
.cat-1 i{background-position:0 0}
.cat-2 i{background-position:0 -24px}
.cat-3 i{background-position:0 -48px}

0 3-4 编程练习

2015-06-17

衍洛雨

<head>
<meta charset="UTF-8">
h3{margin:0;padding:0}
ul{list-style: none}
li h3{font-size: 14px;font-weight: 400}
li{display: block;height: 31px;line-height: 30px;overflow: hidden;border-bottom:1px solid #ded}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #bbb}
</style>
</head>

0 3-2 编程练习

2015-06-17