Logo
Section 1 / 6

CSS简介

了解CSS,并在本节课中完成章节学习导览。

导入

CSS简介

了解CSS,并在本节课中完成章节学习导览。

在讨论前端网页开发时,很难不提到层叠样式表(CSS)及其对用户体验的改善能力。

随着这些年 CSS 功能的不断增强,我们得以用更少的 JavaScript 代码、更多的 CSS 样式实现令人惊叹的布局和视觉效果。正因 CSS 功能强大,将其集成到前端开发流程中变得尤为重要。

我们将在本章展示如何将 CSS 整合进我们的构建流程,并利用它添加精巧的视觉效果,同时让组件更加自包含。

...

章节概览

CSS 是一个非常庞大的主题,全面覆盖远超本课程范围。我假设你已了解 CSS 的基本原理,本章将聚焦于以下三个问题:

  • 如何将 CSS 集成到 Webpacker 构建流程中,并使用 Webpacker 所依赖的 PostCSS 工具来处理我们的 CSS?
  • 如何使用 CSS 动画增强 JavaScript 的交互性?
  • 如何在 JavaScript 工具中声明 CSS,特别是在 React 中,将 CSS 作用域限定在特定组件内,以提升开发效率?

不用担心——如果你对 CSS 的掌握还不够熟练,网上有大量关于 CSS 的课程和其他学习资源,搜索一下即可找到相关内容。此外,Learn CSS Layout 提供了大量练习,帮助你理解 CSS 的布局机制。

客户端 Rails

CSS 和 webpack