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键,效果如下图。