CSS – 完整开发指南，从入门到进阶 | CSS – The Complete Guide 2023 (incl. Flexbox, Grid & Sass)

加入这个畅销的 CSS 课程，从头开始深入学习 CSS！

CSS –级联样式表的缩写– 是一种“编程语言”，可用于将原始 HTML 页面变成真正漂亮的网站。

本课程涵盖所有内容– 我们从最基础的部分开始（什么是 CSS？它是如何工作的？你如何使用它）？并逐渐深入和深入。我们通过展示实际示例及其背后的理论来做到这一点。

CSS 入门可能看起来很容易，但实际上 CSS 有很多深度 – 因此本课程提供不同的“轨道”或“入口点”以准确满足您的需求并反映您当前的知识水平：

• 基础知识轨道：从头开始，从头开始学习 CSS。您从第 1 课开始，然后简单地学习到最后。
• 高级课程：您已经了解 CSS 基础知识，知道选择器是什么以及它是如何工作的，但您想更深入地学习一些高级功能和用法。
• The Expert Track：你也掌握了高级知识，但你想深入研究 Flexbox、CSS Grid、CSS Variables 或 Sass 等内容。这条赛道适合你。

当然，本课程提供理论和实践示例——我们将在整个课程中构建一个完整的真实课程项目——但也有多个作业、测验和挑战 供您练习整个课程中教授的各个概念。

谈论课程项目 – 我们将构建一个虚构的网络托管公司的前端（无后端）。我们将有一个包含不同部分的起始屏幕，我们有一个带有动画侧边抽屉的响应式设计，我们有模态和表单，通常我们有很多 CSS 动画、字体样式等等！

以下是课程内容的详细信息——这也适用于上述课程项目：

• 关于选择器、组合器的基础知识以及一般如何设置样式规则
• 属性、值和声明
• 特异性和继承是如何工作的以及为什么它被称为“级联”样式表
• 重要的理论概念，如“盒子模型”
• 如何更改元素的默认位置
• 样式化背景（例如渐变）和图像
• 您通常在 CSS 中使用哪些单位和尺寸（px、rem、% 等）
• JavaScript 和 CSS 如何交互
• 响应式设计以及“移动优先”的含义
• 样式表和表单输入
• 使用文本、字体和文本样式
• 弹性盒子！它是如何工作的以及如何使用它
• 使用 CSS Grid 以及它与 Flexbox 的区别
• 在 CSS 的帮助下转换和动画化 HTML 元素
• 使用 CSS 变量或最佳实践类名等功能编写面向未来的 CSS
• 使用 Sass 及其实际意义

这个课程适合你吗？

这是给你的，如果…

• 你从学习网络开发开始，你想建立更漂亮的网站
• 你已经了解 CSS 但想深入了解
• 您正在以反复试验的方式使用 CSS 并希望更改此设置（您应该！）

如果…，您可能会稍后回来

• 你是一个绝对的 CSS 专家并且你对 CSS 工作组的草稿了如指掌
• 您是纯后端开发人员（Node、PHP、无 HTML 或前端 JavaScript）
• 您是 Web 开发的新手，您不了解 HTML 的基础知识

如果您觉得这听起来不错，我们将非常乐意欢迎您参加本课程！