Emmet语法的使用

一、Emmet语法是什么？

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

1.快速生成HTML结构语法

1.生成标签，直接输入标签名，按下tab即可
例如：
输入div 后面直接tab
2.如果想生成多个相同标签，加上就可以的
例如：
div3
3.如果有父子级关系的标签，可以用>
例如：
ul>li
4.如果是兄弟关系的标签，用+就可以的
例如：
div+P
5.如果有生成带有类名，或者id名字的，直接写
例如：
id明：#two 类明：.deme
6.如果想多个大小排序可以使用自增符号$
例如：
#id$\ast 5.lei$*5
7.如果想要生成的标签内部写内容可以使用{}表示
例如：
div{我们想生成标签默认文字}

2.快速生成css样式语法

1.h100 高
2.w200 宽
3.tac 居中
4.ti2em 首行缩进2em
5.lh25 行高
6.tdn 没有下划线