Emmet快速生成Html标签
1.文档生成
Html:5或！按<kbd> tab </kbd>
2.完成标签
输入标签名字按tab
3.标签名后输入# . 生成有id class 的标签如 div#gou.tu
4.> 生成后代 ul>li
5.+ 生成兄弟 div+p
6.^ 生成与上一级同级标签 ul>li>a^div div 与li同级 ,^可以多次加
7.* 重复生成多个标签 后面接数字 ul>li*5
8.() 生成分组的标签 ul>(li>a)*2
9.$ 定义自增数字  ul>li#yyk$*5
10.$$$.. 生成多位递增
11.[] 自定义属性
12.@- 递减 ul>li.yyk$@-10*4
13.@  递增 ul>li.yyk$@10*4
14.{} 文本 p{我是yyk}
15.缺省元素   .yyk+.ood 生成两个兄弟div标签； ul>.yyk*3 生成3个li 标签

Emmet快速生成css样式
属性与属性值
w100 = width:100;
p = %
e = em


Emmet规范代码排版

emmet语法