为了账号安全,请及时绑定邮箱和手机立即绑定
  • <style> ul{list-style:none}//去掉前面的装饰 li {display:block;//使得行高设置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止内容溢出 border-bottom:1px solid//分割线为1px的实心线
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

  • 通过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候,只需要取左上角的坐标进行偏移,例如(-100,0),只需要将background-position:-100,0; 控制一个层,可显示的区域范围大小, 通过一个窗口,进行背景图的滑动
    查看全部
  • 使用雪碧图可以大大较少HTTP请求次数。一次下载完毕就可以了。性能上非常好! 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(3~5k) 3.加载量比较大,会把它拼成雪碧图 一些大图不建拼成雪碧图 作用:减少HTTP请求数量,加速内容显示。 原因:每请求一次,就会和服务器链接一次,建立连接是需要额外的时间的。
    查看全部
  • 写了半天才把代码写完
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-15

  • 终于OK啦!
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-15

  • 还可以
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-15

  • 存代码
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-15

  • 代码老是记不住。。。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-15

  • 如果比较小的网站,可以用ps将小图片拼接成一张大图。 使用sprite工具自动生成(例如CSS Gaga)
    查看全部
  • 使用雪碧图的前提: 1.静态图片,不随用户信息的变化而变化。 2.小图片,图片容量比较小。 3.加载量比较大 一些大图则不建议拼成雪碧图
    查看全部
  • 上一个有一些多余的代码没删。。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-14

  • 颜色拿不准,惆怅啊
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-14

  • 好工整好好玩
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-14

  • ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-14

  • 使用雪碧图可以大大较少HTTP请求次数。一次下载完毕就可以了。性能上非常好! 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(3~5k) 3.加载量比较大,会把它拼成雪碧图 一些大图不建拼成雪碧图 作用:减少HTTP请求数量,加速内容显示。 原因:每请求一次,就会和服务器链接一次,建立连接是需要额外的时间的。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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