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 语法：

复制代码 div#page>div.logo+ul#navigation>li*5>a

生成相应的HTML标签：

复制代码 <div id="page">         <div class="logo"></div>         <ul id="navigation">                 <li><a href=""></a></li>                 <li><a href=""></a></li>                 <li><a href=""></a></li>                 <li><a href=""></a></li>                 <li><a href=""></a></li>         </ul> </div>

在线观看地址：
Zen Coding 01
Zen Coding 02
Zen Coding 03
Zen Coding 04
Zen Coding 05
Zen Coding 06

课程中素材下载

清晰版教程附件中下载

留下
            __     __      
           /  \~~~/  \   
     ,----(     ..    )
    /      \__     __/   
   /|         (\  |(
  ^ \   /___\  /\ |   
     |__|   |__|-" 的脚印