Emmet语法

Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度，Vscode内部已经集成该语法。

 

1.快速生成HTML结构语法

　　(1) 生成标签直接输入标签名按tab键即可　　

　　(2) 如果想生成多个相同标签，加上 * 就可以了

　　(3) 如果有父子关系的标签，可以用 >

　　(4) 如果有兄弟关系的标签，可以用 +

　　(5) 如果生成带有类名或id名的，可以用 .类名 或 #id名

　　(6) 如果生成的div类名是有顺序的，可以用自增符号 $

　　(7) 如果想要在生成的标签内部写内容可以用 {} 表示

 

2.快速生成CSS样式语法

　　CSS基本采用简写的方式即可，比如w200生成weight :200px; lh26生成line-height:26px;

 

标签：标签,Emmet,语法,生成,id,类名
来源： https://www.cnblogs.com/cainiaozx/p/16258687.html