为了账号安全,请及时绑定邮箱和手机立即绑定
  • css Sprite 雪碧图生成工具 CSS gaga
    查看全部
  • display:inline属性是在默认情况下,宽度和高度设置无效,就像a标签 如果不是默认情况,就算设置了display:inline,他们的宽高依然可以设置而且有效,只是变成同行显示 div的默认display属性是block 而input的display属性是inline-block 所以他们的宽高是可以设置的
    查看全部
    0 采集 收起 来源:CSS Sprite 应用

    2016-08-09

  • 你给div或者什么盒子。设置了固定的宽度或高度。 然后不想盒子里的内容。有溢出。就可以 用overflow:hidden;
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-08-09

  • DQE
    list-style:none; 可以去除列表的·
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-08-04

  • 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小 3.加载量比较大 一些大图不建议拼成雪碧图。 有效的减少http的请求数量,加速内容显示 每请求一次就会和服务器链接一次,建立链接是需要额外时间的 CSS Sprite的实现原理 background-position CSS Sprite的实现方式 Ps手动拼图 Css Sprite自动生成工具:CssGaga;
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-08-04

  • 下载网址 http://www.99css.com/archives/1524
    查看全部
  • 自动生成雪碧图
    查看全部
  • 使用雪碧图可以减少http请求次数
    查看全部
  • 大图不适合拼成css sprite
    查看全部
  • 雪碧图适用范围
    查看全部
  • ul>li.cat-$*8>i+h3{服装内衣} 按ctrl+e
    查看全部
    1 采集 收起 来源:静态页面实现

    2018-03-22

  • 根据坐标位置给每一个i标签设置一个background-position 例如: .cat-1{background-position:0 -24px;}
    查看全部
    0 采集 收起 来源:CSS Sprite 应用

    2016-07-09

  • CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高 给i标签设置雪碧图背景图片 li i{ background:url();/*雪碧图片*/ display:inline;/*设置成行级元素*/(不同浏览器默认值有些不一样,所以网页设计时,最好都明确定义) width:30px; height:24px;/*因为i标签本身没有内容,所以设置宽高作为显示区*/ float:left; /*浮动元素会生成一个块级框,从而可以设置宽高*/ margin:3px 10px 0 0;/*微调*/ }
    查看全部
    0 采集 收起 来源:CSS Sprite 应用

    2016-07-09

  • 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 ,让滚动条仅在访问者访问溢出内容时出现。) 在设置height之前,要先把元素设置为 display:block ,这样height才有效。 把line-height(行高)设置与height一样的作用是: 垂直居中。 <style>ul{list-style:none}</style> 用于去掉<li></li>标签前面的小黑点 overflow:hidden; 防止元素溢出
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

  • 代码结构
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-07-09

举报

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

微信扫码,参与3人拼团

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

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