源码小哥哥 发表于 2018-12-16 23:37:18

CSS Sprite(精灵图)雪碧图用法视频教程


课程简介：
为了减少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 编程挑战


**** Hidden Message *****

214889191 发表于 2019-1-24 17:45:17

啥也不说了，感谢楼主分享哇！

fjy93402 发表于 2019-1-30 08:58:22

好好 学习了 确实不错

loction123 发表于 2019-1-30 20:54:01

珍惜生命，果断回帖。

mrshrs5999 发表于 2019-2-1 21:17:23

珍惜生命，果断回帖。

楚敏芳 发表于 2019-2-6 09:19:40

相当不错，感谢无私分享精神！

linlin521 发表于 2019-2-8 02:32:07

学习了，不错，讲的太有道理了

Ridgekat 发表于 2019-2-8 11:59:53

正需要，支持楼主大人了！

wantalong 发表于 2019-2-12 00:33:32

好好 学习了 确实不错

slpn002 发表于 2019-2-13 09:48:08

么有分，谁能送我点积分啊::>_<::
页: [1] 2 3 4 5 6
查看完整版本: CSS Sprite(精灵图)雪碧图用法视频教程