stylus(css预编译器)
推荐去张鑫旭大神这里详细了解:http://www.zhangxinxu.com/jq/stylus/
安装
npm install -g stylus
自动编译
$ stylus -w demo.styl -o dist / demo.styl是styl文件,dist是要生成样式的目录文件名,-w 是自动监视文件 ,-o 是将编译后的CSS文件输出到指定文件中
压缩
stylus --compress < test.styl > test.css //stylus文件编译并压缩成css文件
导入(@import)
@import "./demo1"
变量(Variables)
font-size = 14px
body
font font-size Arial, sans-seri
body { font:14px Arial, sans-seri; }
媒体(@media)
——stylus——
.widget
padding 10px
@media screen and (min-width: 600px)
padding 20px
——css——
.widget { padding: 10px; } @media screen and (min-width: 600px) { .widget { padding: 20px; } }
好像传不了文件,有初始化样式,和兼容样式的两个小文件,传不送来,需要的留言我就行。