日期:2014-05-17  浏览次数:20630 次

html/xml/css开发利器------Zen Coding

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" />

?        '