Advanced CSS and Sass: Flexbox, Grid, Animations and More!
高级 CSS 和 Sass：Flexbox、网格、动画等等！
The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design, and so much more.
互联网上最先进、最现代的 CSS 课程：掌握 flexbox、CSS 网格、响应式设计等等。
教程演示🔗
你将会学到的
- 大量现代 CSS 技术可创造令人惊叹的设计和效果
- 带有 @keyframes、动画和过渡的高级 CSS 动画
- CSS 在幕后如何工作：级联、特异性、继承等。
- CSS架构：基于组件的设计、BEM、编写可重用代码等。
- Flexbox 布局：使用 Flexbox 构建一个巨大的现实项目
- CSS 网格布局：使用 CSS 网格构建一个巨大的现实项目
- 在实际项目中使用 Sass：全局变量、构建 CSS、管理媒体查询等。
- 高级响应式设计：媒体查询、移动优先与桌面优先、em 与 rem 单位等。
- HTML 和 CSS 中的响应式图像可加快页面加载速度
- HTML 和 CSS 中的 SVG 图像和视频：构建背景视频效果
- NPM 生态系统：开发工作流程和构建流程
- 在课程问答中获得友好和快速的支持
- 所有项目的可下载讲座、代码和设计资源
要求
- 这不是一门初学者课程——在参加课程之前，您应该对编写 HTML 和 CSS 代码充满信心
- 任何计算机和操作系统都可以使用 — Windows、macOS 或 Linux
- 不需要任何付费软件——你已经拥有的文本编辑器工作得很好
说明
您编写 CSS 代码已经有一段时间了，但想要将您的游戏提升到一个新的水平吗？您是否对继承、特异性或级联等 CSS 术语感到困惑？
如果有一种资源，一个地方，您可以学习您一直在阅读的所有高级和现代 CSS 技术和属性，该怎么办？
好消息：有！
欢迎来到“高级 CSS 和 Sass”，这是互联网上最先进、最现代、最完整的 CSS 课程。这是您在高级 CSS 课程中想要的一切，甚至更多。
您将学习复杂的 CSS 动画、高级响应式设计技术、Flexbox 布局、Sass、CSS 架构、基本 CSS 概念等等。
就像在我的所有课程中一样，您将构建美丽且精心设计的项目，这将使您为自己感到自豪，并让您准备好自己构建复杂的项目。
完成本课程后，您将：
1) 掌握最现代、最先进的 CSS 属性和技术；
2） 掌握前沿布局技术Flexbox和CSS Grid；
3） 准备好为各种设备和情况构建响应式布局；
4） 真正理解CSS在幕后是如何工作的；
5) 能够使用 Sass 构建大型 CSS 代码库，以实现可重用性和可维护性。
请注意，本课程不适合绝对的初学者，因此您应该已经处于 HTML 和 CSS 的中级水平（如果不是这种情况，请查看我的其他课程）。
本课程内容庞大，超过 28 小时。这正是您将学到的内容：
大量现代尖端 CSS 技术可创建令人惊叹的设计和效果：剪辑路径、背景剪辑、蒙版图像、背景混合模式、外部形状、过滤器、背景过滤器、对象拟合、变换、列-计数、连字符、透视、calc() 和自定义 CSS 属性；
高级 CSS 动画，包括 @keyframes、动画和过渡；
现代 CSS 开发所需的高级 CSS 选择器、伪类和伪元素；
CSS 如何在幕后工作：级联、特异性、继承、值处理、视觉格式化模型、盒模型、盒类型、定位方案和堆叠上下文；
CSS架构： 7-1规则、基于组件的设计、BEM方法、编写可重用、可维护和可扩展的代码；
Sass 简介：变量、嵌套、部分、导入、混合、函数、扩展等等；
在实际项目中使用 Sass：设置全局变量、构建可重用性、构建 CSS 以及管理媒体查询；
NPM 生态系统：建立一个开发流程来编译 Sass 和自动浏览器重新加载，并创建一个构建流程来连接、添加前缀和压缩 CSS 文件；
现代响应式设计：流体网格、布局类型、灵活的图像、使用媒体查询来测试不同的屏幕宽度、像素密度和触摸功能；
高级响应式设计工作流程：移动优先与桌面优先策略、选择断点、em 与 rem 单位以及功能查询来测试浏览器支持；
HTML 和 CSS 中的响应式图像可实现更快的页面加载：分辨率切换、密度切换、艺术指导；
HTML 和 CSS 中的 SVG 图像：如何以及为何使用 SVG、生成 SVG 精灵、在 CSS 中更改 SVG 颜色以及最佳实践；
HTML 和 CSS 中的视频：构建背景视频效果；
Flexbox 布局：主要概念、Flex 容器和 Flex 项目特定属性的介绍、应用于大型实际项目的高级定位技术；
CSS 网格布局：主要概念、CSS 网格与 Flexbox 以及应用于实际项目的布局技术。仅此部分就可以构成整个课程！
你为什么要学习这门课程？
所以你看到这门课程的内容绝对是满满的。但也许您仍然不确定是否应该真正学习高级 CSS？
这可能是因为 CSS 非常容易上手。事实上，大多数开发人员都严重低估了 CSS 的重要性和力量。但事实并非如此！
CSS 使我们的设计变得栩栩如生。我们可以用它做很多事情！掌握 Flexbox、CSS 网格和动画等先进技术，将使您比许多仍在使用过时方法的 CSS 开发人员更具优势。
另外，当您尝试掌握 CSS 以及必须维护大型项目时，CSS 可能会成为真正的噩梦。因此，对于任何认真的前端开发人员来说，充分掌握基本概念是绝对必须的。
本课程将帮助您解决所有这些问题！
那么，你应该参加这门课程吗？答案很可能是肯定的！
我在这门课程中包含了如此多的内容，无论您是刚刚入门，还是已经是一名经验丰富的前端开发人员，这门课程肯定都会适合您。
这就是您今天注册后得到的：
28 小时最新高清质量视频，易于搜索和参考（非常适合 Udemy Business 学生）
专业英文字幕（非自动生成）
可下载的设计资源+每个部分的起始代码和最终代码
可下载的理论视频幻灯片（我保证不会无聊！）
课程问答中的免费支持
视频中包含许多小挑战，以便您可以跟踪您的进度。
如果此时您仍然支持我，那么请观看宣传视频来了解课程项目，我保证您会感到惊讶:)
之后，我希望欢迎您成为我课程的新学生。我相信你会喜欢它的！
此课程面向哪些人：
想要将 CSS 技能更新到最现代水平的 CSS 开发人员
希望将工具集扩展到动画、flexbox、Sass、NPM、SVG 等的 CSS 开发人员
想要最终了解 CSS 在幕后如何工作的前端开发人员
一般来说：任何想要真正掌握 CSS 的人！
