page contents

WEB前端教程:CSS 雪碧图

了解 CSS Sprite 应用场景以及原理,学会利用 CSS3 Background 属性制作 CSS Sprite 优化页面性能

attachments-2022-10-BFYYDK8D6350bf9356a5b.png课程目标

  • 学习 CSS3 背景属属性
  • 了解 CSS Sprite 应用场景以及原理,学会利用 CSS3 Background 属性制作 CSS Sprite 优化页面性能

阅读

编码

参考示例动画 (opens new window),基于一个我们提供逐帧动画图片,利用 CSS animation 来实现一个帧动画,

提交

把你的代码提交到 Github ,把 Github 地址提交到作业里,如果有余力的同学,可以学习如何在 Github 中预览你的 HTML 代码,并提交预览地址。

总结

找一个你可以记录笔记的地方,可以是电脑里的记事本或是手边的笔记本(不做任何限制),记录下今天的学习笔记,包括以下内容:

  • 日期,今天的学习总用时,今天学习的目标是什么,是否达成
  • 哪些东西今天了解得比较透彻,说说自己的理解
  • 哪些东西今天了解到了一些,还有哪些点需要后续继续深入阅读


更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码,免费获取 Python公开课和大佬打包整理的几百G的学习资料,内容包含但不限于Python电子书、教程、项目接单、源码等等

attachments-2022-10-AtzxkWL66350bf50c58ce.jpg

0 条评论

请先 登录 后评论
小柒
小柒

1470 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1470 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章