1. html: 生成结构的快捷键： ！+ tab,可以生成html5的结构代码。 2. 生成id名和类名 标签名.类名#id名+tab 没有标签名.类名+tab ==>div 3. 生成同级元素： 标签名+标签名+标签名 “+”tab 如果标签里面有class可以 `.one+.two` ~~~ <div class="one"></div> <div class="two"></div> ~~~ 4. 生成子类标签 标签名>子标签名>子标签名>子标签名+tab 标签名>子标签名>子标签名>子标签名^^子标签名+tab 5. 带固定数量的标签: ~~~ ul>li*5+tab ~~~ 6. 带有序号名称 ~~~ ul>li.abc$*3 + tab ~~~ 7. 生成带有内容的标签： ~~~ ul>li>a{item}*5 ~~~ 8. css ~~~ width:30px==>w30+tab Height:30px==>h30+tab Margin:30px==>mg30+tab Padding:30px==> pd30+tab Line-height:12px==>lh12px+tab Background==>bg+tab ~~~