学途无忧

标题: CSS Sprite(精灵图)雪碧图用法视频教程 [打印本页]

作者: admin 时间: 2018-9-7 22:28
标题: 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 编程挑战

作者: 沐秋烟 时间: 2021-4-6 16:52
啥也不说了，感谢楼主分享哇！

欢迎光临学途无忧 (https://www.xuetu123.com/)