CSS预编译器

安装

sass 必须先安装ruby,再安装sass gem install sass
less 先安装npm npm install -g less

简单使用

less

lessc styles.less
lessc styles.less styles.css
lessc --clean-css styles.less style.min.css 先安装clean-css插件

sass

sass test.scss sass
test.scss test.css
sass --style nested test.sass test.css 嵌套缩进的css代码，它是默认值
sass --style expanded test.sass test.css 没有缩进的、扩展的css代码
sass --style compact test.sass test.css 简洁格式的css代码
sass --style compressed test.sass test.css 压缩后的css代码

// watch a file
sass --watch input.scss:output.css
// watch a directory
sass --watch app/sass:public/stylesheets

px转rem

https://www.npmjs.com/package... 官方文档

安装 npm install -g px2rem

px2rem src/*.css

px2rem -u [40] login.css 设置rem default:75，这里设置成40

参考

sass使用教程 阮一峰
sass高级用法实例
less中文官网 语言特性
flex布局教程 语法篇
flex布局教程 实例篇