如何快速生成HTML标签

Emmet语法是一种基于缩写的快速编写HTML和CSS的语法 ，在VS Code中可以使用Emmet语法快速生成，提高写代码的效率。

目录

HTML中的缩写

CSS中的缩写

---

HTML中的缩写

输入缩写（如p），按“Tab“键。（缩写中不能有空格）

<p></p>

输入缩写*数量（如p*3），按“Tab“键。

<p></p>
<p></p>
<p></p>

对于父子级的标签，输入父标签名>子标签名，如ul>li

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

对于兄弟级的标签，输入兄标签名+弟标签名，如div+p

<div></div>
<p></p>

对于类名，缩写.time

<div class="time"></div>

 对于id，缩写p#

<p id=""></p>

批量递增生成，缩写.p$*3

<div class="p1"></div>
<div class="p2"></div>
<div class="p3"></div>

 缩写p{一二三}

<p>一二三</p>

CSS中的缩写

缩写tac

text-align: center;

缩写tdn

text-decoration: none;

 缩写w100

width: 100px;