当初我们是这么写的：
~~~
body {
font: 12px Helvetica, Arial, sans-serif;
}
a.button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
~~~
而今，用stylus可以省略花括号“{ }”了：
~~~
body
font: 12px Helvetica, Arial, sans-serif;
a.button
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
~~~
我懒，分号也不想写！
可以的亲，那就下面这样：
~~~
body
font: 12px Helvetica, Arial, sans-serif
a.button
-webkit-border-radius: 5px
-moz-border-radius: 5px
border-radius: 5px
~~~
我懒得没救了，冒号也太麻烦！
嗯嗯，你漂亮，说什么都对。像这样也行的：
~~~
body
font 12px Helvetica, Arial, sans-serif
a.button
-webkit-border-radius 5px
-moz-border-radius 5px
border-radius 5px
~~~
好，这些满足了我这个懒人的基本需求。对了，有没有让我不重复写同样代码的功能？
主子，有的，你DRY一下哦：
~~~
/* 定义可复用代码块 */
border-radius()
-webkit-border-radius arguments
-moz-border-radius arguments
border-radius arguments
body
font 12px Helvetica, Arial, sans-serif
a.button
border-radius(5px)
~~~
咿呀，这不是js吗？怎么跑到css代码中来了？乖乖，怪胎了，别扭！！
555，好吧，你不想写圆括号，没关系，不写就是，中间空格一下就哦了：
~~~
border-radius()
-webkit-border-radius arguments
-moz-border-radius arguments
border-radius arguments
body
font 12px Helvetica, Arial, sans-serif
a.button
border-radius 5px
~~~
嘛呀，Mixins啊，我最喜欢你这样了，呵呵。
我是暖男，带你飞～～ 你可以这样飞哦：
~~~
//导入Mixins
@import 'vendor'
body
font 12px Helvetica, Arial, sans-serif
a.button
//使用Mixins
border-radius 5px
~~~
有了翅膀，还可以这样飞：
~~~
// 定义函数
sum(nums...)
sum = 0
sum += n for n in nums
sum(1 2 3 4)
// => 10
~~~
这样飞：
~~~
// 定义变量
fonts = helvetica, arial, sans-serif
body {
padding: 50px;
font: 14px/1.4 fonts;
}
~~~
我要飞得更高，飞得更高……
NPM全局安装stylus：
~~~
$ npm install stylus -g
~~~
> 此神器可以装逼，亦可提高效率。请谨慎使用！
作者：Shellway Ho
转载请注明出处：http://www.kancloud.cn/shellway/css-kinds
