前端学习笔记(五)之Emment快捷键

//生成结构的快捷键：
！+ tab,可以生成html5的结构代码。

//生成id名和类名
标签名.类名#id名+tab
没有标签名.类名+tab ==>div

//生成同级元素：
标签名+标签名+标签名 “+”tab

//生成子类标签
标签名>子标签名>子标签名>子标签名+tab
标签名>子标签名>子标签名>子标签名^^子标签名+tab

//带固定数量的标签:
ul>li*5+tab

//带有序号名称    
ul>li.abc$*3 + tab

//生成带有内容的标签：
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