Emmet

常用操作

简单

命令	效果
html:5 or !+tab	html5文件模式
link:css	插入css
.div	< div>< /div>
.box	< div class=“box”>< /div>
div*2	< div>< /div> < div>< /div>
div>p	< div>< p>< /p>< /div>
div+p	< div>< /div>< p>< /p>

进阶

命令	效果
div{hello}	< div>hello< /div>
div[alt=hello]	< div alt=“hello”>< /div>
div>lorem	< div>Lorem …< /div>
div>lorem1	< div>Lorem< /div>
(.box>h1)*3	< div class=“box”>< h1>< /h1>< /div> *3
p.box$*2	< p class=“box1”>< /p> < p class=“box2”>< /p>

Emmet CSS

命令	效果
m0	margin:0 0 0 0
ml10	margin-left:10px
Bg	backgroud
c#000	color:#000
fl:l	float:left
pos-r	position:relative
fz12	font-size:12px
h10	height:10px
w10	width:10px