CSS – 2024 年完整指南（包括 Flexbox、Grid 和 Sass）

包含解释的完整练习考试第一次学习 CSS 或提高你的 CSS 技能并深入研究。每个 Web 开发人员都必须了解 CSS

讲师：Maximilian Schwarzmüller，Manuel Lorenz

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 了解为什么 CSS 很棒，而不是害怕！
• 使用基本和高级 CSS 功能
• Flexbox、网格、动画、过渡、字体、媒体查询等等——都包括在内！
• 了解 CSS 和某些 CSS 特性背后的概念和理论
• 建立不仅包含精彩内容而且看起来不错的漂亮网站

要求

• 你应该了解有关 HTML 和 Web 开发的基本知识
• 虽然不需要高级 HTML 或 Web 开发知识
• 根本不需要 CSS 知识！你将在本课程中学到这一切！

说明

加入这个最畅销的 CSS 课程，从头开始深入了解 CSS！

CSS – C ascading S tyle S heets 的缩写 – 是一种“编程语言”，用于将原始 HTML 页面变成真正漂亮的网站。

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

CSS 入门可能看起来很容易，但实际上 CSS 有很多深度 – 因此本课程提供了不同的“Tracks”或“Entry points”来完全满足你的需求并反映你当前的知识水平：

• 基础课程：从头开始，从头开始学习 CSS。你从第 1 课开始，然后简单地进行到最后。
• 高级课程：你已经了解 CSS 基础知识，知道什么是选择器以及它是如何工作的，但你想更深入地学习并学习一些高级功能和用法。
• 专家课程：你也获得了高级知识，但你想深入研究 Flexbox、CSS 网格、CSS 变量或 Sass 等内容。这条赛道是给你的。

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

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

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

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

这门课程适合你吗？

如果…

• 你从学习 Web 开发开始，你想建立更漂亮的网站
• 你已经了解 CSS 但想更深入地研究
• 你正在以反复试验的方式使用 CSS，并且想要更改这一点（你应该！）

如果你以后可能会回来…

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

如果这对你来说听起来不错，我们将非常高兴地欢迎你参加本课程！

此课程面向哪些人：

• 任何想第一次学习 CSS 或想提高自己的 CSS 技能的人
• 任何想了解最新 CSS 功能（如 Flexbox、CSS 网格或 CSS 变量）的人
• 任何了解 CSS 但想深入研究的人