CSS第五课 — Emmet语法

Emmet语法

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

一、快速生成html结构语法

可以嵌套灵活使用

1、 生成标签

标签名+tab

• 比如 输入div，然后tab键，就可以生成<div> </div>

2、生成多个相同标签

标签名 * number +tab

• 比如 div*3，然后tab键就可以快速生成3个<div> </div>

注释

• *附近不要有空格

3、父子级关系的标签

用 >

• 比如ul > li，然后tab键，就可以生成

<ul>
    <li></li>
</ul>

4、兄弟关系的标签

用+

• 比如div+p，然后tab键，就可以生成

<div