zen coding de 一些快捷功能

来源：互联网发布：io 域名编辑：程序博客网时间：2024/06/05 04:06
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下面的解释上部是简写，下部是展现后ppaposition:absolute;pprposition:relative;还有类似的：flfloat:left;frfloat:right;cbclear:both;dbdisplay:block;didisplay:inline;dibdisplay:inline-block;ohoverflow:hidden;其它css类：mmargin:;mtmargin-top:;mrmargin-right:;mlmargin-left:;mbmargin-bottom:;ppadding:;pt,pr,pb,pl同marginbgbackground:url() 0 0 no-repeat;bg:nbackground:none;bg:xbackground:url() 0 0 repeat-x;bg:ybackground:url() 0 0 repeat-y;bg:iefilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’x.png’);bborder:1px solid #000;bd:nborder:none;bdcborder-color:#000;ccolor:#000;ddisplay:block;ffont-size:12px;h:;height:;wwidth:;d:idisplay:inline;d:bdisplay:block;flfloat:left;frfloat:right;clclear:both;c:lclear:left;c:rclear:right;c:nclear:none;ttop:;btbottom:;rright:;lleft:;rright:;zz-index:;vvisibility:hidden;o:hoverflow:hidden;zoozoom:1;m:amargin:0 auto;oloutline:;qquotes:;tctext-align:center;tltext-align:left;trtext-align:right;tdtext-decoration:none;tetext-emphasis:;to:ntext-outline:none;whs:nwhite-space:normal;whs:nwwhite-space:nowrap;wob:kword-break:keep-all;fzfont-size:12px;fwfont-weight:bold;fffont-family:;opopacity:;c:pcursor: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>