HTML CSS，emmet插件快捷键(让代码飞起来)

emmet快捷键(让html、css代码飞起来)：
emmet是我们在sublime中的一个插件在这个插件中集成很多的快捷键。
一、html
1、生成结构的快捷键：
    ！+ tab,可以生成html5的结构代码。
2、生成id名和类名
    标签名.类名#id名+tab
    没有标签名.类名+tab ==>div
3、生成同级元素：
    标签名+标签名+标签名 “+”tab
4、生成子类标签(^表示向上一级,^^表示两级)
    标签名>子标签名>子标签名>子标签名+tab
    标签名>子标签名>子标签名>子标签名^^子标签名+tab   
5、带固定数量的标签:
    ul>li*5+tab
6、带有序号名称
    ul>li.abc$*3 + tab
7、生成带有内容的标签：
ul>li>a{item}*5
二、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

Background-color==>bgc+tab