KnowledgeCity

高级 CSS

CSS高级技能
免费观看第一课 — 获取全部 18 节课程的完整访问权限。

To view this video please enable JavaScript.

课程:按需
高级  提供者 Cliff Brozo  6 章节 ·  18 课时 ·  1h 47m  语言:阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文 

课程描述

CSS(层叠样式表)是一种格式化网页布局的流行方法。 CSS用于定义技术样式、表格大小以及网页中的任何方面。您将学习CSS的基础知识,包括字体、列表、对齐方式和编码、背景和边框。

我们的高级层叠样式表(CSS3)课程侧重于创建和格式化交互式问答游戏。结合HTML、CSS和JavaScript,您将学习创建定时响应、视觉提示和动画的技术,以增加游戏体验的趣味性。将通过JavaScript引入控制定时器功能以及打开和关闭窗口面板的逻辑。

 

您将学到的内容

  • 设计一个可运行的互动问答游戏
  • 构建网格盒游戏棋盘及其生成代码
  • 使用 JavaScript 创建多个倒计时器(包括立方体计时器)并控制窗口面板
  • 为游戏添加音频,设计启动画面、时尚按钮和徽标
  • 使用 CSS 控制光标,并使各区域显示或隐藏
  • 格式化和样式化可缩放矢量图形(SVG)

关键要点

  • 本课程综合运用 HTML、CSS 和 JavaScript 来创建一个互动问答游戏。
  • 学员将运用限时作答、视觉提示和动画等技术,为游戏体验增添趣味。
  • 课程引入 JavaScript,以提供控制计时器功能及窗口面板开关的逻辑。
  • 课程涵盖可缩放矢量图形(SVG)的格式化,以及使用 CSS 控制光标。
  • 通过构建游戏,学员在掌握高级 CSS3 技术的同时,获得 JavaScript 的实际应用知识。

常见问题

本高级 CSS 课程涵盖哪些内容?

本课程专注于通过综合运用 HTML、CSS 和 JavaScript 来创建和格式化互动问答游戏。内容包括:构建游戏棋盘、设计滑动窗口、格式化计时器、创建启动画面、时尚按钮和徽标、使用 CSS 控制光标,以及格式化可缩放矢量图形(SVG)。

我能从本课程中获得哪些技能?

您将获得层叠样式表(CSS)、CSS 代码、CSS 框架、HTML 脚本、JavaScript 样式表和面向对象 CSS 方面的技能,以及 JavaScript 的实际应用知识。

本课程会教授 JavaScript 吗?

会。本课程引入 JavaScript,用于控制计时器功能及窗口面板的开关,掌握 JavaScript 的实际应用知识也是课程目标之一。

我将构建什么类型的项目?

您将设计一个可运行的互动问答游戏,内容包括网格盒游戏棋盘、多个倒计时器、音频、启动画面,以及可显示和隐藏的各个区域。