CSS Emmet语法

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

一、快速生成HTML结构语法

1、生成标签，直接输入标签名按TAB键即可

2、如果要生成多个相同标签，标签名*数量即可 比如div*3就是三个

3、如果有父子关系的标签，父>子即可，比如ul>li就可以了

4、如果有兄弟关系的标签，兄+兄即可，比如div+p

5、如果生成带有类名或者带有id名字的，直接写标签名+.demo或者#two 按tab键就可以了

6、如果生成的div类名是有顺序的，可以用自增符号$，例如.demo$*3 就会生成三个类名自增的div

7、如果想要在生成的标签内部写内容可以用{}表示，比如div{文字内容}

二、快速生成CSS样式语法

例如 widnth：100px      只需要输入 w100即可生成，首字母简写

三、快速格式化代码（对齐代码）