为了账号安全,请及时绑定邮箱和手机立即绑定
  • 笔记-雪碧图
    查看全部
  • 重复强调:行内元素float后可设置height width
    查看全部
    0 采集 收起 来源:CSS Sprite 应用

    2015-06-03

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

    2015-06-03

  • h1~h6使用前应该reset
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-06-03

  • placeholder="请输入密码";//输入框内部提示 <form method="post" action=""> <input type="text" name="yonghu" placeholder="邮箱/手机号/用户名"/><br/> <input type="password" name="pass" placeholder="请输入密码"/> </form>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 下载地址:http://www.99css.com/archives/1524 1、PS手动拼图,缺点就是必须得自己再计算各个小图的坐标 2、使用sprite工具自动生成,快速的建立雪碧图的效果,优化设计 CSS sprite自动生成工具——CssGaga,windows环境下快速生成雪碧图的工具
    查看全部
  • 注意,切莫添足,以视频中例说明:整li i 设置路径文件,然后通过各li下class background-position:坐标 来控制显示。
    查看全部
  • css sprite技术角度,最大的利处:有效的减少HTTp请求数量,加速内容显示。
    查看全部
  • 字体banner注意学习
    查看全部
  • <style> ul{list-style:none}//去掉前面的装饰 li {display:block;// height:31px;//行高 line-height:31px;//文字垂直居中 overflow:hidden;//防止内容溢出 border-bottom:1px solid//分割线为1px的实心线 } </style> <div> <ul>//无序列表 <li class="cat-1">//只要把文字和名称改一下就行 <i> </i> <h3>服装内衣</h3> </li> </ul> </div>
    查看全部
    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可防止元素溢出;
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

  • 下载地址:http://www.99css.com/archives/1524 1、PS手动拼图,缺点就是必须得自己再计算各个小图的坐标 2、使用sprite工具自动生成,快速的建立雪碧图的效果,优化设计 CSS sprite自动生成工具——CssGaga,windows环境下快速生成雪碧图的工具
    查看全部
  • backdround-position:坐标
    查看全部
  • 雪碧图原理 1.css backdround-position来控制 2.拼合背景图的左上角为(0,0),拼合图的小图的坐标为负 3通过坐标值的改变可以控制一个层可显示的区域范围大小,通过一个窗口进行背景图的滑动。(是在背景图上方有一个视图窗,视图窗所在位置,那么其下方的图就可以看到,而坐标控制移动的是下方的背景图而非视图窗。)
    查看全部
  • 有效的减少http请求数,加快加载的速度 在网页中,每请求一次,就会和服务器链接一次,建立链接 需要额外的时间开销
    查看全部

举报

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

微信扫码,参与3人拼团

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

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