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>

轉載于:https://www.cnblogs.com/liangle/archive/2011/07/26/2512653.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Zen Coding 系列教程一:入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。