[ctrl+,]是zen coding默认的快捷键。DW中这个快捷键被别使用了,要去快捷键里修改下。 [ctrl+\]是把所选内容去掉空格放置到一行上,(mini功能) [ctrl+/]是注释所选内容,再次按下取消注释 [ctrl+h]是在所选内容外加标签; [alt+-]是去掉父级内容,但子集保留; [ctrl+k]选择一行; 更多的像:[alt+[][alt+]][alt+\]等可以去看下效果,菜单栏[命令]-[zen coding]下可找到详细的快捷键。 下面是具体的简写内容:
下面的解释上部是简写,下部是展现后 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://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]> <html xmlns=]http://HdhCmsTestw3.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测试数据]></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=]] />