为了账号安全,请及时绑定邮箱和手机立即绑定
  • 输入框的提示内容用placeholder:"XXXX" 琢磨了好几个小时,总算磨出来了。。。哎
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

  • 浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动设备上尤为明显。为了解决这一问题,可以将多个图像拼合成单个背景图像(sprite),再通过 CSS 控制具体显示图像的哪一部分。其中的秘密就是 background-position 属性。
    查看全部
  • CSS Sprite图生成工具——CSS Gaga,下载地址:http://www.99css.com/archives/1524
    查看全部
  • 感觉还不错
    查看全部
    1 采集 收起 来源:编程挑战

    2015-07-09

  • 【1-1 CSS Sprite雪碧图使用场景】 案例: 1.导航条,上的图标,优化时不适用img标签 2.登陆框,上注册,登陆按钮 3.淘宝首页分析:边栏导航图片;banner按需加载不是雪碧图;有纯色背景的按钮(登 陆,免费注册),不是图片,通常用css样式写按钮背景;而小的icon是字体文件做出 来的 总结: 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(单张3k-5k) 3.加载量比较大 一些大图不建议拼成雪碧图 点中淘宝侧栏导航,看到<i></i>样式中给了背景图片是雪碧图,好处: 有效的减少http请求数量,加速内容显示(cause每请求一次,就会和服务器链接一次,建 立链接是需要额外的时间开销) 课程内容:原理>CSS Sprite>完整内容
    查看全部
  • 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 采集 收起 来源:静态页面实现

    2018-03-22

  • 使用css sprite的条件: 1.静态图片,不随用户信息变化而变化。 2.小图片,图片容量比较小 3.加载量比较大。
    查看全部
  • 雪碧图 制作原理1
    查看全部
  • CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 ...
    查看全部
  • CSS实现原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。
    查看全部
  • 雪碧图创建方法:

    【1】PS切图创建;

    【2】CssGaga   https://www.99css.com/1524/

    查看全部
  • 用到雪碧图的场景
    查看全部
  • CSS Sprite雪碧图: 1.为性能优化和减少请求数目而使用。一般用在网页的导航条,登陆框等。一般大图不会用到雪碧图,它是按照需要来加载;动态的图片一般也不会用雪碧图。 2.使用雪碧图的基本规则: a.静态图片,不随用户信息的变化而变化 b、小图片,图片容量比较小 c.加载量比较大的情况下,可拼装成雪碧图 大图不建议拼装 小图拼成大图的好处:有效减少对服务器的请求量,加速网页内容的显示(在网页中,每请求一次,就会和服务器链接一次,建立链接需要额外的时间的)
    查看全部
  • 【雪碧图的实现原理】 css -- background position控制; x,y为负值,左上角顶点作为0.0坐标; 控制一个层可显示的区域范围大小,通过一个窗口,进行背景图的滑动;
    查看全部
  • css3选择器
    查看全部
    1 采集 收起 来源:编程练习

    2015-02-09

举报

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

微信扫码,参与3人拼团

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

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