Zen Coding 系列教程一:入门

Zen Coding 是一款高效用于开发HTML与CSS的编码插件,可以安装到很多软件中使用
Zen Coding 项目:http://code.google.com/p/zen-coding/

  
Demo
Demo (使用 Ctrl + , 展开缩写,需要JavaScript支持)中文版演示下载(完全支持)
Aptana (跨平台);Coda, via 
TEA for Coda (Mac);Espresso, via 
TEA for Espresso (Mac)

下载(部分支持,只支持“展开缩写”)
TextMate (只能用于Mac机,Windows可以使用E-text编辑器替代)
TopStyle
Sublime Text
GEdit;
Dreamweaver CS4
editArea在线编辑器
Zen Coding在线编辑器中文版

Zen Coding HTML 语法:

1 div#page>div.logo+ul#navigation>li*5>a

生成相应的HTML标签:

 1 <div id="page">
2         <div class="logo"></div>
3         <ul id="navigation">
4                 <li><a href=""></a></li>
5                 <li><a href=""></a></li>
6                 <li><a href=""></a></li>
7                 <li><a href=""></a></li>
8                 <li><a href=""></a></li>
9         </ul>
10 </div>
posted @ 2011-07-26 11:23  潺莪  阅读(1437)  评论(0编辑  收藏  举报