日期:2014-05-17 浏览次数:20630 次
Zen Coding是一个开源项目,支持各种文本编辑器,能迅速提高你的html/xml/css开发效率。
http://code.google.com/p/zen-coding/downloads/list
将zen Coding拷贝到你的文本编辑器目录下,重启就能在菜单栏中插件下找到Zen Coding选项。自己可以先熟悉一下快捷键。
当然,最重要的快捷键是:ctrl+E运行书写的语法。
在zen coding文件目录下, 有个zen coding.js文件。 里面记录了内容的转换,不必要完全记住这些快捷语法,关键掌握规律,it is easy。
Zen Coding语法解析:
? 输入文档:
? 文档标签:(这些都可以在那个js源代码里面去看,抓规律)
? html:4t html4过度
? html:4s 4严格
? html:xt xhtml1.0 过度
? html:xs 严格
? html:xxs xhtml1.1 过度
? html:5 html5
? 一些标签记录:
? 输入html,再按chtl+e,便会将他自动转换成标签。其他的标签都是类似的。
? 输入a:link, a:mail 能自动加上属性。
? input:b 就是button。
? from:get? from:post
? style
? script:src
? a:mail[aa="a"]
转换成<a href="mailto:" aa="aaa"></a>
? link:css
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
? link:print
<linkrel="stylesheet" type="text/css" href="print.css" media="print" />
? '