Zen Coding 是快速编写HTML/CSS的工具。在Notepad++等编辑器下使用可以大大增加代码书写效率。

主要功能组件

Expand Abbreviation  展开缩写

展开缩写的语法规则同CSS选择器相同，当需要展开的元素有多项时用*表示

举例

输入以下代码

div#container>div#slider+div#main>div.news>ul>li*5>a

使用快捷键CTRL+E执行展开缩写功能，效果如下图

Wrap with abbriviation 嵌套代码

使用E*将会在每一行都嵌套该元素

举例

输入以下代码

使用快捷键CTRL+SHIFT+A在弹出的窗口中输入“ul>li*>a”

输入完毕后，敲Enter键，效果如下图。