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

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

CSS Sprite雪碧图应用

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

aashine

<i></i> :i标签就是放icon的意思.和html语义不符啊!!!

0 3-1 静态页面实现

2015-06-09

旦宅

努力补充知识吧

0 3-3 CSS Sprite 应用

2015-06-09

路人Mr_Z

0 4-1 编程挑战

2015-06-07

路人Mr_Z

.login-form {padding: 20px 15px 15px;}

.login-form dl {line-height: 20px;}

0 4-1 编程挑战

2015-06-07

路人Mr_Z

.login-form dl.pwd {margin: 15px 0 0;}

.bottom {margin-top: 15px;}

.top dd,.pwd dd{
width: 186px;
background: #FFF ;
border: 1px solid #adb6c9;
border-radius: 3px;
height: 32px;
box-shadow: 0 0 1px #FFF;
padding: 1px;
}

0 4-1 编程挑战

2015-06-07

路人Mr_Z

.login-form .input-text {
background: transparent;
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 0;
margin: 0 0 0 30px;
width: 155px;
border: 0;
}

0 4-1 编程挑战

2015-06-07

路人Mr_Z

.login-btn {
width: 190px;
height: 38px;
border: 0;
background: url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) no-repeat;
cursor: pointer;
}
.regnow {
margin: 0 15px;
padding: 17px 0 15px;
}

0 4-1 编程挑战

2015-06-07

路人Mr_Z

.regnow input{
background-position: 0 -38px;
border: 0;
padding: 0 0 3px 0;
}
.rbkw dd{
font-size: 13px;
padding-top:15px;
}
.rbkw dd a{
float:right;
text-decoration:none;
}
hr{
width: 190px;
margin:auto;
}
</style>

0 4-1 编程挑战

2015-06-07

路人Mr_Z

0 4-1 编程挑战

2015-06-07

路人Mr_Z

<dl class="pwd clearfix">
<dd>
<input type="text" name="email" class="input-text">
</dl>
<dl class="rbkw">
<dd>
<input type="checkbox" value="1" name="kw" /> 下次自动登录 <a href="#">忘记密码？</a>
</dd>
</dl>

0 4-1 编程挑战

2015-06-07

路人Mr_Z

0 4-1 编程挑战

2015-06-07