CSS作为最基本的前端技术，很多人觉得它很简单，的确，CSS入门只要一两天即可，但想精通CSS其实也非易事。再加上前端技术的突飞猛进，也出现了很多新的技术及术语，比如PostCSS应该很多人没有听说过。

那PostCSS是什么呢？它和CSS有什么区别呢？

传统手写CSS代码的尴尬

CSS用来美化页面，语法很简单。但是CSS属性众多，再加上现在市面上的浏览器也较多，相同CSS代码在不同浏览器下的渲染也是存在差异的，同个CSS属性在有些浏览器下能用有些就不能用。

为了保证同个页面在不同浏览器下的表现一致，我们往往要写很多辅助代码去实现兼容性，这也是CSSHack技术。如果我们要自己手写CSS代码，想实现最大化样式兼容，很费时费力。

PostCSS是什么？有何优势？

PostCSS和CSS有着本质上的区别，简单说，PostCSS是一个用JS工具和插件转换CSS代码的工具，可以把它理解为一个平台，我们用PostCSS提供的专用语法可以写出更专业更规范的CSS代码来。

用PostCSS写代码比我们传统手写CSS代码有着太多的优势，主要表现在：

1、PostCSS提供的插件会帮我们做好CSS兼容处理

特别是现在的CSS3，不同浏览器对于属性的写法是不同的，而PostCSS能自动帮我们给CSS加上浏览器前缀。

2、PostCSS的代码检查工具可帮我们避免CSS中的错误

PostCSS提供了代码检查工具，在编写时就能及时发现错误。

3、模块化开发避免全局污染

总结：CSS代码虽然简单，但是如何写出专业规范、兼容性强的CSS却很难，而我们通过PostCSS的强大插件可将复杂的工作交给程序去完成，让程序帮我们生成更专业规范兼容性强的CSS代码来。

以上就是我的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流~我是科技领域创作者，十年互联网从业经验，我了解更多科技知识！