一文带你快速了解现代的CSS

作者｜Peter Jang译者｜覃云相信大家已经熟悉一般的 CSS，现在我们将从 CSS 预处理器开始介绍改善 CSS 语言本身工作体验的构建工具。使用 CSS 预处理器获取新语法CSS 预处理器允许你使用不同的语言编写样式，将其转换为浏览器可以理解的 CSS，这在浏览器实现新功能速度非常缓慢的时候是极其重要的。第一个主要的 CSS 预处理器是 2006 年发布的 Sass，它具有新型的简洁语法（缩进代替括号、没有分号等），并增加了 CSS 中缺少的高级功能，例如变量、辅助函数和计算。以下是使用带变量的 Sass 的示例：$dark-color: #4a4a4a $light-color: #f9f9f9 $side-color: #eee body  color: $dark-color header, footer  background-color: $dark-color  color: $light-color main  background: $light-color nav, aside  background: $s ………………………………