CSS – The Complete Guide (incl. Flexbox, Grid & Sass)

第一次学习 CSS 或者巩固你的 CSS 技能并深入研究。每个 Web 开发者都必须掌握 CSS。

讲师:Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller, Manuel Lorenz

您将学到什么

• 了解为什么 CSS 很棒，它并不是什么可怕的玩意儿！
• 使用基本和高级的 CSS 功能
• 弹性盒布局、网格布局、动画、过渡效果、字体、媒体查询等，应有尽有！
• 理解 CSS 的概念和理论以及某些 CSS 特性背后的原理
• 打造美观的网站，不仅内容出色，而且视觉效果也很棒

课程要求

• 你应该了解 HTML 和 Web 开发的基本知识。
• 虽然不需要具备高级 HTML 或 Web 开发知识
• 你完全不需要有任何 CSS 的知识！这门课程会教你一切所需！

课程描述

加入这门畅销的 CSS 课程，从基础开始深入学习 CSS 的方方面面！

CSS（层叠样式表）是一种“编程语言”，用于将你的 HTML 页面变成真正的美丽网站。

本课程涵盖所有内容——我们从最基础的部分（什么是 CSS？它是如何工作的？你该如何使用它？）开始，并逐步深入。我们将通过展示实际示例以及背后的理论来讲解这些内容。

虽然初学 CSS 可能看起来很简单，但实际上 CSS 有很多深度——因此这门课程提供了不同的“路径”或“入口点”，以满足你的需求并反映你当前的知识水平：

基础路径：从零开始学习 CSS，跟随课程直到结束。
高级路径：已经掌握了 CSS 基础知识，了解选择器的使用方法，并希望深入学习一些高级特性和用法。
专家路径：不仅掌握高级知识，还希望深入了解 Flexbox、CSS Grid、CSS 变量或 Sass。这个路径适合你。

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

说到课程项目——我们将为一家虚构的网络托管公司构建前端（无后端）。我们会有起始页面的不同部分，响应式设计带有动画侧边栏，有模态框和表单，并且总体上有很多 CSS 动画、字体样式等！

以下是课程详细内容——所有这些都将应用于上述项目：
选择器、组合符以及如何设置一般的样式规则
属性、值和声明
具体性和继承的工作原理及为什么称为“层叠”样式表
重要的理论概念，如“盒模型”
元素默认位置的更改方法
背景（例如渐变）和图像的样式化
在 CSS 中常用的单位和尺寸（px、rem、% 等）
JavaScript 和 CSS 的交互方式
响应式设计及“移动优先”的含义
表单及其输入项的样式化
使用 Flexbox！如何工作以及如何使用它
使用 CSS Grid 及其与 Flexbox 的区别
利用 CSS 转换和动画 HTML 元素
通过 CSS 变量或最佳实践类名等特性编写未来的 CSS 代码
使用 Sass 及其实际用途

这门课程适合你吗？
如果你是初学者，想要学习 Web 开发并构建更漂亮的网站；
或者你已经了解了 CSS 并希望深入研究；
又或者你在尝试和错误中使用 CSS，并想改变这种做法（你应该这样做！）。

如果你是绝对的 CSS 专家，对 CSS 工作组草案烂熟于心，则可能暂时不需要这门课程。
如果你只做后端开发（Node、PHP），不涉及 HTML 或前端 JavaScript，则可能暂时不需要这门课程。
如果你完全不了解 Web 开发的基础知识，则可能需要先学习一些基础知识。

如果以上描述符合你的需求，我们非常欢迎你加入本课程！

本课程适合谁:

• 任何想第一次学习 CSS 或者想要提升自己 CSS 技巧的人
• 任何对学习最新的 CSS 功能（如 Flexbox、CSS Grid 或 CSS 变量）感到兴奋的人
• 任何熟悉 CSS 但想更深入学习的人