zen coding de 一些快捷功能
2013-09-19 00:43
218 查看
zen coding de 一些快捷功能 这是一个zen coding 的一些快捷功能,貌似是别人修改过的. 先说几个快捷键:(我是用DW的,所以一下都是按DW来说的,请用vim、TextMate、Sublime Text 2等的不要鄙视。)快捷键部分是自己凭记忆写的,在DW菜单栏“命令”-“zen coding”下可找到详细的快捷键 zen coding的详细的安装及使用说明可去: http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html “ctrl+,”是其默认的展现快捷键。DW中这个键被别的使用了,要去快捷键里修改下。 “ctrl+\”是把所选内容去掉空格放置到一行上,(mini功能) “ctrl+/”是注释所选内容,再次按下取消注释 “ctrl+h”是在所选内容外加标签; “alt+-”是去掉父级内容,但子集保留; “ctrl+k”选择一行; 更多的像:“alt+[”“alt+]”“alt+\”等可以去看下效果,菜单栏“命令”-“zen coding”下可找到详细的快捷键。 下面是具体的简写内容: 转自:http://www.cnblogs.com/jikey/archive/2010/01/29/1659556.html 下面的解释上部是简写,下部是展现后 ppa position:absolute;ppr position:relative;还有类似的: fl float:left; fr float:right; cb clear:both; db display:block; di display:inline; dib display:inline-block; oh overflow:hidden; 其它css类: m margin:; mt margin-top:; mr margin-right:; ml margin-left:; mb margin-bottom:; p padding:; pt,pr,pb,pl同margin bg background:url() 0 0 no-repeat; bg:n background:none; bg:x background:url() 0 0 repeat-x; bg:y background:url() 0 0 repeat-y; bg:ie filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’x.png’); b border:1px solid #000; bd:n border:none; bdc border-color:#000; c color:#000; d display:block; f font-size:12px; h:; height:; w width:; d:i display:inline; d:b display:block; fl float:left; fr float:right; cl clear:both; c:l clear:left; c:r clear:right; c:n clear:none; t top:; bt bottom:; r right:; l left:; r right:; z z-index:; v visibility:hidden; o:h overflow:hidden; zoo zoom:1; m:a margin:0 auto; ol outline:; q quotes:; tc text-align:center; tl text-align:left; tr text-align:right; td text-decoration:none; te text-emphasis:; to:n text-outline:none; whs:n white-space:normal; whs:nw white-space:nowrap; wob:k word-break:keep-all; fz font-size:12px; fw font-weight:bold; ff font-family:; op opacity:; c:p cursor:pointer; html类: 综合类: div#a+div#b+div.c-$*5+li*10 <div id=”a”></div> <div id=”b”></div> <div></div> <div></div> <div></div> <div></div> <div></div> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> div#width>p#a>p#a>p*10>p#a <div id=”width”> <p id=”a”> <p id=”a”> <p> <p id=”a”></p> </p> <p> <p id=”a”></p> </p> </p> </p> </div> ul#a>li.c-$*5+li.0>a.title <ul id=”a”> <li></li> <li></li> <li></li> <li></li> <li></li> <li><a href=”"></a></li> </ul> html:xt <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <title></title> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> </head> <body> aaa </body> </html> cc:ie6 <!–[if lte IE 6]> aa <![endif]–> cc:ie <!–[if IE]><![endif]–> cc:noie <!–[if !IE]><!–> aa <!–<![endif]–>link:css <link rel=”stylesheet” type=”text/css” href=”style.css” media=”all” /> a:mail <a href=”mailto:jikeytang @163.com”></a> meta:utf <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> link <link rel=”stylesheet” href=”" /> style <style type=”text/css”>body{}</style> script <script type=”text/javascript”>//some coding</script> script:src <script type=”text/javascript” src=”/scripts/zen_settings.js”></script> img <img src=”/12″ alt=”" /> iframe <iframe src=”/12.html” frameborder=”0″></iframe> embed <embed src=”" type=”" /> object <object data=”" type=”"></object> param <param name=”" value=”" /> map <map name=”"></map> area <area shape=”" coords=”" href=”" alt=”" /> form <form action=”"></form> form:get <form action=”" method=”get”></form> form:post <form action=”" method=”post”></form> label <label for=”"></label> input <input type=”" /> input:hidden <input type=”hidden” name=”" /> input:h <input type=”hidden” name=”" /> input:text <input type=”text” name=”" id=”" /> input:t <input type=”text” name=”" id=”" /> input:search <input type=”search” name=”" id=”" /> input:email <input type=”email” name=”" id=”" /> input:url <input type=”url” name=”" id=”" /> input:p <input type=”password” name=”" id=”" /> input:date <input type=”date” name=”" id=”" /> input:datetime <input type=”datetime” name=”" id=”" /> input:month <input type=”month”< ;/span> name=”" id=”" /> input:week <input type=”week” name=”" id=”" /> input:time <input type=”time” name=”" id=”" /> input:number <input type=”number” name=”" id=”" /> input:color <input type=”color” name=”" id=”" /> input:checkbox <input type=”checkbox” name=”" id=”" /> input:c <input type=”checkbox” name=”" id=”" /> input:radio <input type=”radio” name=”" id=”" /> input:r <input type=”radio” name=”" id=”" /> input:f <input type=”file” name=”" id=”" /> input:s <input type=”submit” value=”" /> input:i <input type=”image” src=”" alt=”" /> input:reset <input type=”reset” value=”" /> input:button <input type=”button” value=”" /> input:b <input type=”button” value=”" /> select <select name=”" id=”"></select> option <option value=”"></option> textarea <textarea name=”" id=”" cols=”30″ rows=”10″></textarea> menu:c <menu type=”context”></menu> bq <blockquote></blockquote> cap <caption></caption> optg <optgroup></optgroup> opt <option></option> fst <fieldset></fieldset> leg <legend></legend> sect <section></section> tarea <textarea></textarea> hdr <header></header> <!– expands –> ol+ <ol> <li></li> </ol> ul+ <ul> <li></li> </ul> dl+ <dl> <dt></dt> <dd></dd> </dl> map+ <map name=”"><area shape=”" coords=”" href=”" alt=”" /></map> table+ <table> <tr> <td></td> </tr> </table> tr+ <tr> <td></td> </tr> select <select name=”" id=”"></select> optgroup+ <optgroup><option value=”"></option></optgroup> optg+ <optgroup><option value=”"></option></optgroup> empty <empty></empty>
相关文章推荐
- zen coding de 一些快捷功能
- 一、功能简述 正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接: 不过我觉得这些分享
- sublime zen coding css和html的快捷操作
- zen coding css快捷
- Windows中一些常用功能的快捷打开方式,win+r的方式
- macbook中的一些快捷功能
- AutoIt3(AU3)开发的装机小工具,实现快速检测以及一些重用快捷操作功能
- phpstorm z coding zen coding功能 写法说明
- jquery和js的一些功能共同点
- js错误--引发表单验证插件中的required属性失效,一些js功能失效
- WordPress文章置顶功能的一些应用代码
- robotframework一些常用快捷方式
- Eclipse使用debug,logcat调试程序,和一些常用快捷键
- EditText的一些常用功能的介绍
- Firebug & Chrome Console 控制台的一些语句及其功能
- zencoding a标签属性太少的解决方法
- emacs一些比较好用的功能配置
- 在Python的Django框架中实现Hacker News的一些功能