zen coding de 一些快捷功能

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#width>p#a>p#a>p*10>p#a














ul#a>li.c-$*5+li.0>a.title










html:xt











aaa


cc:ie6

aa

cc:ie

cc:noie

aa
link:css

a:mail

meta:utf

link

style

script

script:src

img

iframe

embed

object

param

map

area

form

form:get

form:post

label

input

input:hidden

input:h

input:text

input:t

input:search

input:email

input:url

input:p

input:date

input:datetime

input:month
 name=”" id=”" />
input:week

input:time

input:number

input:color

input:checkbox

input:c

input:radio

input:r

input:f

input:s

input:i

input:reset

input:button

input:b

select

option

textarea

menu:c

bq

cap

optg

opt

fst

leg

sect

tarea

hdr


ol+



ul+



dl+




map+

table+

tr+



select

optgroup+

optg+

empty

转载于:https://www.cnblogs.com/wangyhua/p/4050575.html