DAY 02 CSS 预处理器

预处理器是什麽？

透过不同的编译方式，最後都会产生成 CSS 的样式，在变成 CSS 前，这些预处理器的写法可以提升加速我们的开发进度、维护性、及可读性，让 CSS 不再像传统方式一样，一次针对一种 Class 去做设计，当下一次要做一个一样但又有些微变化的 class 时，还要再更新一个版本，而重复写了大部分的 property，当切版切久了，你就会意识到重复的 CSS 有多烦ＸＤ

常见的预处理器

直到现在，已经发展了很多的预处理器，例如：

• Sass（SCSS）
• LESS
• CSS Cacheer
• DT CSS
• Turbine
• Stylus
• Swithch CSS

目前比较主流的分为 Sass/SCSS、Less、Stylus 三个阵营，而其中较多人使用的则是 SASS/SCSS，也是本次要挑战的预处理器。

我有需要使用 CSS 预处理器吗？

如果你是一人专案，只是要编写一些基本、简单的 CSS，其实也不一定要用到预处理器，毕竟他还要经过加工编译过後才能成为 CSS。

但如果是与他人协作，或是大型专案的样式设计，编写成 SASS 会加速整体的开发，也可以避免每次要修改样式，而经过一连串的 Ctrl + F 取代过程ＸＤ

下一篇来详细介绍 SASS/SCSS：Ｄ

除此之外，也欢迎大家走走逛逛关於我们团队夥伴的文章
lu23770127 - SASS 基础初学三十天
10u1 - 糟了！是世界奇观！
juck30808 - Python - 数位行销分析与 Youtube API 教学
HLD - 浅谈物件导向与Design Pattern介绍
SiQing47 - 前端？後端？你早晚都要全端的，何不从现在开始？