在google上的插件开发版块地址:http://code.google.com/p/zen-coding/

示例:

<!--在DW中输入下面的代码-->
div.my>dl>dt+dd#a$*5>a>span.time

按Ctrl+,就会输出成

 

 1 <div class="my">
2 <dl>
3 <dt></dt>
4 <dd id="a1"><a><span class="time"></span></a></dd>
5 <dd id="a2"><a><span class="time"></span></a></dd>
6 <dd id="a3"><a><span class="time"></span></a></dd>
7 <dd id="a4"><a><span class="time"></span></a></dd>
8 <dd id="a5"><a><span class="time"></span></a></dd>
9 </dl>
10 </div>

使用zen coding的上手会很快,而且对于前端排版来说,可以极大地提高工作效率,减少书写代码的手误



posted on 2011-12-01 21:35  setin  阅读(315)  评论(2编辑  收藏  举报