前端开发快捷键：emmet使用详情

!+tab快速生成html框架

link:css快速生成<link>

p.haha生成<p class="haha"></p>，同理p#haha

h1{foo}生成<h1>foo</h1>

a[href="da"]生成<a href="da"></a>

p>span生成<p><span></span></p>

(.hah>h1)+(#h>p)生成<div class="hah"><h></h1></div><div id="h"><p></p></div>

w100+tab生成width:100px;同理h100，m20生成height:100px；margin:20px;

li*3生成<li></li><li></li><li></li>

更加具体的可以参考：官方文档