Emmet语法

Emmet语法

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

---

快速生成HTML结构语法

1.生成标签 直接输入标签名 按tab键即可 ，比如 div 然后按 tab，就可以生成<div></div>。
2. 如果想要多个相同标签，加上 * 就可以了 比如 div*3 就可以快速生成3个div。
3. 如果有父子级关系的标签，可以用 > 比如 ul>li 就可以了。
4. 如果有兄弟关系的标签，用 + 就可以了, 比如 div+p。
5. 如果生成带有类名或者id名字的，直接写 .demo 或者 #demo ，tab键就可以了。
6. 如果生产的div类名是有顺序的，可以用自带符号 $，比如 .demo$*5。
7. 如果想要在生成的标签内部写内容可以用 {} 表示，比如div{写的内容}。

---

快速生成CSS样式语法

CSS基本采取简写形式即可。

1.比如w200 按tab 可以生成 width：200px；
2. 比如lh26 按tab 可以生成 line-height：26px;
3. 比如tdn 按tab 可以生成 text-decoration：none;