程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
语言基础 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
课程简介：
为了减少http请求数量，加速网页内容显示，很多网站的导航栏图标、登录框图片等，使用的并不是标签，而是CSS Sprite雪碧图。本课程分析了CSS Sprite雪碧图的实现原理，详细讲解制作方法，实现完整效果，让你快速掌握CSS Sprite雪碧图技术。
课程须知:
您至少具备HTML/CSS基础知识。
课程能学到什么？
1.学会CSS Sprite雪碧图制作方法。2.学会CSS Sprite雪碧图的使用方法。
课程目录:
第1章 CSS Sprite雪碧图介绍及实现原理
介绍什么是雪碧图、雪碧图的使用场合、分析雪碧图的实现原理。
1-1 CSS Sprite雪碧图使用场景 (05:06)
1-2 CSS Sprite雪碧图实现原理 (03:11)
第2章 CSS Sprite雪碧图实现方式
介绍使用PS手动拼图和使用sprite工具自动生成雪碧图的方法
2-1 CSS Sprite雪碧图实现方式 (02:19)
第3章 CSS Sprite雪碧图的应用
通过简单的导航实例，完成静态页面,讲解如何设置background-position属性来使用css sprite雪碧图
3-1 静态页面实现 (08:57)
3-2 编程练习
3-3 CSS Sprite 应用 (07:50)
3-4 编程练习
第4章 编程挑战
今天我们学习了雪碧图的实现原理，实现方式以及应用，让我们来一起挑战下吧！
4-1 编程挑战
|
温馨提示：
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
[复制链接]
发表于 2018-12-16 23:37:18
照妖镜
发表于 2019-1-24 17:45:17
发表于 2019-2-6 09:19:40
