CSS样式——postcss

• 了解postcss
  postcss 一种对css编译的工具，可实现一些工程化操作

• 环境配置

  1. 安装node环境
  2. 下载postcss模块：npm install post-cli -g

  3. 配置postcss配置文件

     module.exports={
        plugins:{
            'autoprefixer':{
                browsers:'>5%'
            }
        }
      }

  4. 转换文件：postcss 源文件 -o 生成文件 -w

• 常用的postcss插件

1. Autoprefixer
   前缀补全，全自动的，无需多说
   安装：npm install Autoprefixer --dev
2. postcss-cssnext
   使用下个版本的css语法
   安装：npm install postcss-cssnext --dev
3. postcss-pxtorem
   把px转换成rem
   安装：npm install postcss-pxtorem --dev
   [==注意==]px检测区分大小写，也就是说Px/PX/pX不会被转换，可以用这个方式避免转换成rem