是不是觉得每天都敲同样的html代码有点麻木？ok，那就让css代我们生成优雅的代码和排版吧。让我们专心做其他更重要的事。
这就是Zen Coding所能做的。Zen Coding是一套快速编写html/css的工具，语法简单至极，实现的效果却有点惊人。利用css的书写规则来创建html，想像一下这有多便利吧，尤其是列表、小模块，这简直太棒了！
演示视频
简单的例子
1 | div#content>h1+p |
上面这一行的输出结果
1 2 3 4 | <div id="content"> <h1></h1> <p></p> </div> |
更多语法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | * E Element name (div, p); * E#id Element with identifier (div#content, p#intro, span#error); * E.class Element with classes (div.header, p.error.critial). You can combine classes and IDs, too: div#content.column.width; * E>N Child element (div>p, div#footer>p>span); * E+N Sibling element (h1+p, div#header+div#content+div#footer); * E*N Element multiplication (ul#nav>li*5>a); * E$*N Item numbering (ul#nav>li.item-$*5); |
上手很简单，多看几个例子就ok，或者在demo尝试一下，online demo。
Zen Coding支持的IDE众多，包括textmate和espresso，可以作为插件安装到我们最熟悉的IDE上。Ok, let’s speed up!
