学生数量：101,263 个学生

上次更新时间：2024年1月

教程评分：4.8

教程语言：英语

教程字幕：中文、英语字幕

本课程包括：作业、22.5 小时 长的随选视频、完整的永久访问权、303 个可下载资源、结业证书、31 篇文章、隐藏式字幕、在移动设备和电视上观看字幕

学习内容

1、了解为什么CSS是令人惊叹的，而不是让人害怕的东西！
2、使用基本和高级CSS特性
3、Flexbox, 格栅布局、动画、过渡、字体、媒体查询以及更多功能，全部包含在内！
4、理解CSS的概念和理论，以及其中一些特定的CSS特性。
5、构建美观的网站，不仅内容出色，外观同样吸引人。

要求

1、加入我们的在线学习社区
2、选择你的路线
00:27
3、在哪里找到源代码
00:09
4、有用资源与链接
5、你应该了解HTML的基本知识以及网页开发的通用概念。
6、虽然不需要高级HTML或网页开发知识。
7、完全不需要CSS知识！在这个课程中，您将全部学习到！

课程介绍

加入这个热销的CSS课程，从基础开始深入学习CSS！

CSS（层叠样式表）是一种“编程语言”，用于将HTML页面转化为美观的网站。

本课程涵盖了所有内容，从最基础的开始（什么是CSS？它是如何工作的？如何使用它）逐步深入。我们通过展示实践示例和背后的理论知识来进行讲解。

CSS入门看似简单，但其实包含很多深度。因此，本课程提供不同的“路径”或“入门点”，以适应您的需求并反映您的当前知识水平：

1. 基础路径：从零开始，系统学习CSS。您从第一课开始，一路跟随至结束。
2. 进阶路径：您已经了解了CSS基础知识，知道选择器的工作原理，但希望深入学习更高级特性和用法。
3. 专家路径：您已经掌握了高级知识，想深入了解Flexbox、CSS Grid、CSS变量或Sass等。这个路径适合您。

当然，课程会提供理论和实践示例，我们将全程构建一个实际的项目。此外，还有多个任务、测验和挑战供您练习课程中教授的概念。

关于课程项目，我们将构建一个虚构的网络托管公司的前端（无后端）。我们将有启动屏幕，包含不同部分，响应式设计带有动画侧边栏，还有模态框和表单，总体上有很多CSS动画、字体样式等！

以下是课程详细内容，这些也将应用于上述项目：

1. 选择器、组合器的基础知识，以及如何设置一般样式规则。
2. 属性、值和声明。
3. 了解特定性与继承的工作原理，以及为什么称为“层叠”样式表。
4. 重要的理论概念，如“盒模型”。
5. 如何改变元素的默认位置。
6. 样式背景（如渐变）和图像。
7. 常用的CSS单位和尺寸（px、rem、% 等）。
8. JavaScript与CSS的交互。
9. 响应式设计及其含义（“移动优先”）。
10. 样式表单和表单输入。
11. 文本、字体和文本样式的处理。
12. Flexbox！工作原理及如何使用。
13. CSS Grid的使用，以及它与Flexbox的区别。
14. 使用CSS进行HTML元素的变换和动画。
15. 采用CSS变量等特性编写面向未来的CSS。
16. 使用Sass，了解其本质。
17. 适合您的情况：
– 如果您刚开始学习Web开发，想要创建更美观的网站。
– 您已知CSS，但希望更深入学习。
– 您目前是通过试错方式使用CSS，希望改进（应该这样）。

如果您满足上述条件，我们非常欢迎您加入课程！