CSS 预处理器用来定义一种新的语言, 完全兼容 CSS 语法, 它为 CSS 增加了一些编程的特性, 比如变量, 函数, 逻辑控制. CSS 预处理器编写的 CSS 不能直接被浏览器识别, 需要编译生成 CSS 文件.
通俗的说,"CSS 预处理器用一种专门的编程语言, 进行 web 页面样式设计, 然后再编译成正常的 CSS 文件, 以供项目使用. CSS 预处理器为 CSS 增加一些编程的特性, 无需考虑浏览器的兼容性问题".(相关课程推荐: CSS 视频教程 https://www.html.cn/css/ )
例如你可以在 CSS 中使用变量, 简单的逻辑程序, 函数 (如下面的代码中就使用了变量 $color) 等等.
- $color: red;
- .test {
- color: $color;
- }
在编程语言中的一些基本特性, 可以让你的 CSS 更加简洁, 适应性更强, 可读性更佳, 更易于代码的维护等诸多好处.
其它 CSS 预处理器语言:
CSS 预处理器技术已经非常的成熟, 而且也涌现出了很多种不同的 CSS 预处理器语言, 比如说:
- Sass(SCSS)
- Less
- Stylus
- Turbine
- Swithch CSS
- CSS Cacheer
- DT CSS
到目前为止, 在众多优秀的 CSS 预处理器语言中就属 Sass,Less 和 Stylus 最优秀, 讨论的也多, 对比的也多.
本文来自 css3 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/css3/15310.html