Emmet

width: 100px;

w:100 + tab

 

height: 100px;

h:100 + tab

 

width: 100%;

w:100% + tab

 

margin: 10px;

m:10 + tab

 

padding: 10px;

p:10 + tab

 

<div class="box"></div>

.box + tab

 

<div id="box"></div>

#box + tab

 

<ul class="list"></ul>

ul.list + tab

 

<div class="container">

<ul class="list">

<li class="list-item"><a href="">list1</a></li>

<li class="list-item"><a href="">list2</a></li>

<li class="list-item"><a href="">list3</a></li>

<li class="list-item"><a href="">list4</a></li>

<li class="list-item"><a href="">list5</a></li>

</ul>

</div>     

.container>ul.list>li.list-item*5>a{list$} + tab

 

VSCode 기준(tab)으로

더 다양한 emmet은

https://emmet.io/