为了账号安全,请及时绑定邮箱和手机立即绑定
  • 使用雪碧图:1.静态图片,不随用户信息变化而变化。2.小图片,图片容量小。3.加载量比较大。一些大图不建议拼成雪碧图。减小http请求数,加速时间。能减少请求就要减少请求。
    查看全部
  • 这次全用FLOAT没用绝对定位。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-20

  • 输入框的提示内容用placeholder:"XXXX" 琢磨了好几个小时,总算磨出来了。。。哎
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

  • utf-8的meta标签 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1常用<i></i>来放小图片 2为给小图片设置background-position属性,需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点,在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding,通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同:先将display属性设置为block,否则设置行高什么的没用,overflow:hidden可防止元素溢出 (决定浏览器如何处理溢出的步骤: (1) 输入 overflow: 。 (2) 输入 visible ,让元素盒子中的所有内容可见,这是默认项; 或者输入 hidden ,隐藏元素盒子容纳不了的内容; 或者输入 scroll ,无论元素是否需要,都在元素上添加滚动条; 或者输入 auto ,让滚动条仅在访问者访问溢出内容时出现。)
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

  • 随着参数调整,图片就在移动了!!
    查看全部
  • 浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动设备上尤为明显。为了解决这一问题,可以将多个图像拼合成单个背景图像(sprite),再通过 CSS 控制具体显示图像的哪一部分。其中的秘密就是 background-position 属性。
    查看全部
  • button标签的放置,必须在form里面吗?
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-19

  • 。。就这样把虽然丑了点
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-18

  • 过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候,只需要取左上角的坐标进行偏移,例如(-100,0),只需要将background-position:-100,0;
    查看全部
  • 使用雪碧图的场景:
    查看全部
  • 关键属性:background-position:x y;
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-18

  • sprite设计: 先对图标区域设置背景图 再将其相应区域撑开,即定义宽高 最后再逐个设置背景图的位置坐标,即:background-position属性
    查看全部
    0 采集 收起 来源:CSS Sprite 应用

    2015-07-18

  • RJD
    blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }——CSS reset
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-18

  • 使用雪碧图的场景: 1.静态图片,不随用户信息的改变而改变 2.小图片 3.加载量比较大的时候
    查看全部

举报

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

微信扫码,参与3人拼团

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

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