为了账号安全,请及时绑定邮箱和手机立即绑定
  • 通过css-background-position 属性来设置的。 拼合背景图的小图(X,Y)为负值。 控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。
    查看全部
  • 使用雪碧图的条件: 1、静态图片,不随用户信息的变化而变化。 2、小图片,图片容量比较小。 3、加载量比较大 一些大图不建议拼成雪碧图 可有效的减少http请求数量,加速内容显示。 原因:每请求一次,就会和服务器链接一次,建立链接是需要额外时间的。
    查看全部
  • /*以下三条摘自张鑫旭博客,解决文字与复选框对齐问题*/ vertical-align:middle; margin-top:-2px; margin-bottom:1px;
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-08

  • 楼上的难道没发现你的按钮按不动吗?你的button拼成了bottom。。。。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-08

  • 实现原理: 通过css-background-position 属性来设置的。 拼合背景图的小图(X,Y)为负值。 控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。
    查看全部
  • 使用雪碧图的条件: 1、静态图片,不随用户信息的变化而变化。 2、小图片,图片容量比较小。 3、加载量比较大 一些大图不建议拼成雪碧图 可有效的减少http请求数量,加速内容显示。 原因:每请求一次,就会和服务器链接一次,建立链接是需要额外时间的。
    查看全部
  • font-weight:400;不用加单位px
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-08

  • 1.注意要reset H3的默认样式。 2.li和ul要去掉默认的样式。 3.为ul的容器div增加class,并设置样式。
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-08

  • <title>float-inline</title> <style> *{text-align:center;padding:4px;} div,p{text-align:left;} span{background:#f5f5f5;border-left:1px#eeesolid; border-top:1px#eeesolid;border-right:1px#cccsolid; border-bottom:1px#cccsolid;} ul#inline li{display:inline;list-style:none; border-left:1px#cccsolid;width:300px;background:#f5f5f5;height:200px;} ul#float li{float:left;display:inline;list-style:none; border-left:1px#666solid;width:300px;background:#f5f5f5; height:200px;} </style> </head> <body> <span > span为内联/inline元素,给他宽度赋值是没有效果的。</span> <span >span为内联/inline元素, 给他宽度赋值100px+float:right;可以看到有了宽度。</span> <div> <p>这个li被定义为内联/inline,设置宽和高度没有效果</p> <ul id="inline"> <li>test</li> <li>test</li> </ul> </div> <div> <p>这个li被定义为内联/inline+float:left,设置宽和高度有效果</p> <ul id="float"> <li>test</li> <li>test</li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • cssGaga工具生成雪碧图
    查看全部
  • 网页打开速度加快
    查看全部
  • 居然没用到清除浮动=。=
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-04

  • 雪碧图
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-04

  • <!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-8" /> <title>无标题文档</title> <style type="text/css"> *{margin:0;padding:0;} .cat{width:200px;} </style> </head> <body> <div class="cat"> <form> <input class="login" type="text" placeholder=" 邮箱/手机号/用户名"><br/> <input class="login" type="password" placeholder=" 请输入密码"><br/> </form> <input type="checkbox"><span class="caution">下次自动登录</span><a class="forget" herf="http://safe.renren.com/findPass.do">忘记密码?</a><br/> <input class="sub-login" type="submit"><br/> <input class="register" type="submit"><br/> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • <i></i>添加图标签
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS基础知识。
老师告诉你能学到什么?
1.学会CSS Sprite雪碧图制作方法。2.学会CSS Sprite雪碧图的使用方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!