快速开始
PostCSS 是一个允许使用 JS 插件转换样式的工具。 这些插件可以检查（lint）你的 CSS，支持 CSS Variables 和 Mixins， 编译尚未被浏览器广泛支持的先进的 CSS 语法，内联图片，以及其它很多优秀的功能。
PostCSS 在工业界被广泛地应用，其中不乏很多有名的行业领导者，如：维基百科，Twitter，阿里巴巴， JetBrains。PostCSS 的 Autoprefixer 插件是最流行的 CSS 处理工具之一。
PostCSS 接收一个 CSS 文件并提供了一个 API 来分析、修改它的规则（通过把 CSS 规则转换成一个抽象语法树的方式）。在这之后，这个 API 便可被许多插件利用来做有用的事情，比如寻错或自动添加 CSS vendor 前缀。
插件
截止到目前，PostCSS 有 200 多个插件。你可以在 插件列表 或 搜索目录 找到它们。 下方的列表是我们最喜欢的插件 - 它们很好地演示了我们可以用 PostCSS 做些什么。
如果你有任何新的想法，开发 PostCSS 插件非常简单易上手。
解决全局 CSS 的问题
postcss-use允许你在 CSS 里明确地设置 PostCSS 插件，并且只在当前文件执行它们。postcss-modules和react-css-modules可以自动以组件为单位隔绝 CSS 选择器。postcss-autoreset是全局样式重置的又一个选择，它更适用于分离的组件。postcss-initial添加了all: initial的支持，重置了所有继承的样式。cq-prolyfill添加了容器查询的支持，允许添加响应于父元素宽度的样式.
提前使用先进的 CSS 特性
autoprefixer添加了 vendor 浏览器前缀，它使用 Can I Use 上面的数据。postcss-preset-env允许你使用未来的 CSS 特性。
更佳的 CSS 可读性
precss囊括了许多插件来支持类似 Sass 的特性，比如 CSS 变量，套嵌，mixins 等。postcss-sorting给规则的内容以及@规则排序。postcss-utilities囊括了最常用的简写方式和书写帮助。short添加并拓展了大量的缩写属性。
图片和字体
postcss-assets可以插入图片尺寸和内联文件。postcss-sprites能生成雪碧图。font-magician生成所有在 CSS 里需要的@font-face规则。postcss-inline-svg允许你内联 SVG 并定制它的样式。postcss-write-svg允许你在 CSS 里写简单的 SVG。
提示器（Linters）
stylelint是一个模块化的样式提示器。stylefmt是一个能根据stylelint规则自动优化 CSS 格式的工具。doiuse提示 CSS 的浏览器支持性，使用的数据来自于 Can I Use。colorguard帮助你保持一个始终如一的调色板。
其它
postcss-rtl在单个 CSS 文件里组合了两个方向（左到右，右到左）的样式。cssnano是一个模块化的 CSS 压缩器。lost是一个功能强大的calc()栅格系统。rtlcss镜像翻转 CSS 样式，适用于 right-to-left 的应用场景。
语法
PostCSS 可以转化样式到任意语法，不仅仅是 CSS。 如果还没有支持你最喜欢的语法，你可以编写一个解释器以及（或者）一个 stringifier 来拓展 PostCSS。
sugarss是一个以缩进为基础的语法，类似于 Sass 和 Stylus。postcss-syntax通过文件扩展名自动切换语法。postcss-html解析类 HTML 文件里<style>标签中的样式。postcss-markdown解析 Markdown 文件里代码块中的样式。postcss-jsx解析源文件里模板或对象字面量中的CSS。postcss-styled解析源文件里模板字面量中的CSS。postcss-scss允许你使用 SCSS (但并没有将 SCSS 编译到 CSS)。postcss-sass允许你使用 Sass (但并没有将 Sass 编译到 CSS)。postcss-less允许你使用 Less (但并没有将 LESS 编译到 CSS)。postcss-less-engine允许你使用 Less (并且使用真正的 Less.js 把 LESS 编译到 CSS)。postcss-js允许你在 JS 里编写样式，或者转换成 React 的内联样式／Radium／JSS。postcss-safe-parser查找并修复 CSS 语法错误。midas将 CSS 字符串转化成高亮的 HTML。
文章
你可以在 awesome-postcss 列表里找到更多优秀的文章和视频。
书籍
- Alex Libby, Packt 的 网页设计之精通 PostCSS (2016年6月)
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
