CSS-完整指南2024（包括Flexbox、Grid和Sass） | CSS – The Complete Guide 2024 (incl. Flexbox, Grid & Sass)

第一次学习CSS，或者提高你的CSS技能，深入学习。每个网络开发人员都必须了解CSS。
讲师：Academind by Maximilian Schwarzmüller

双语资源中英文字幕学习课程，独家翻译制作，提供全部配套课程资料。全网最低价享受高品质课程资源，无限分享下载。

你将会学到什么？

• 了解为什么CSS是惊人的，而不是什么可怕的东西！
• 使用基本和高级CSS功能
• Flexbox、网格、动画、转换、字体、媒体查询等等，应有尽有！
• 了解CSS和某些CSS功能背后的概念和理论
• 建立漂亮的网站，不仅包含很棒的内容，而且看起来很好看

课程要求

• 您应该了解HTML和web开发的基本知识
• 不需要高级HTML或web开发知识
• 根本不需要CSS知识！你会在这门课上学到的！

课程说明

加入这个最畅销的CSS课程，从头开始，深入了解所有关于CSS的知识

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

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

开始使用CSS可能看起来很容易，但实际上CSS有很大的深度——因此，本课程提供了不同的“轨迹”或“切入点”，以完全满足您的需求，并反映您当前的知识水平：

• 基础教程：从头开始，从头开始学习CSS。你从第1讲开始，简单地坚持到最后。
• 高级教程：你已经知道CSS的基本知识，知道选择器是什么以及它是如何工作的，但你想深入了解并学习一些高级功能和用法。
• 专家指南：你也掌握了高级知识，但你想深入研究Flexbox、CSS Grid、CSS Variables或Sass等内容。这条赛道是给你的。

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

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

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

• 关于选择器、组合子以及如何设置样式规则的基本知识
• 特性、值和贴花
• specifity和继承是如何工作的，以及为什么它被称为“级联”样式表
• 重要的理论概念，如“盒子模型”
• 如何更改元素的默认位置
• 设置背景（例如渐变）和图像的样式
• 您通常在CSS中使用哪些单位和维度（px、rem、%等）
• JavaScript和CSS如何交互
• 响应式设计以及“移动优先”的含义
• 设置表单和表单输入的样式
• 使用文本、字体和文本样式
• Flexbox！它的工作原理和使用方法
• 使用CSS网格及其与Flexbox的区别
• 借助CSS转换HTML元素并设置其动画
• 使用CSS变量或最佳实践类名等功能编写经得起未来考验的CSS
• 使用Sass及其实际意义

这门课是给你的吗

这是给你的，如果

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

如果

• 你是一个绝对的CSS专业人士，你对CSS工作组的草稿了如指掌
• 您是一个仅限后端的开发人员（Node、PHP、NO HTML或前端JavaScript）
• 您是web开发的新手，对HTML的基本知识一无所知

如果你觉得这很好，我们非常乐意欢迎你参加这门课程

此课程面向哪些人？

• 任何想第一次学习CSS或想提高自己CSS技能的人
• 任何有兴趣了解最新CSS功能的人，如Flexbox、CSS Grid或CSS Variables
• 任何了解CSS但想深入了解的人