emmet basic wording:
.ct point is class
<div class="ct"></div>
#ct pound sign is the id
<div id="ct"></div>
.ct> .ct plus sign indicates two parallel div
<div class="ct"></div>
<div class="ct"></div>
.ct> ct1 ">" represents its children
<div class="ct">
<div class="ct1"></div>
</div>
.ct * 6 behind multiplication number plus the number represents the number of elements to expand
<div class="ct"></div>
<div class="ct"></div>
<div class="ct"></div>
<div class="ct"></div>
<div class="ct"></div>
<div class="ct"></div>
.ct $ * 6 $ symbol represents a number numeral
<div class="ct1"></div>
<div class="ct2"></div>
<div class="ct3"></div>
<div class="ct4"></div>
<div class="ct5"></div>
<div class="ct6"></div>
The basic method of the above permutations, then () to determine the sequence to expand;
Experience
Emmet has been making writing speed html tags and css tags to speed up and reduce the number of unnecessary waste of time, learn to use a front-end emmet every developer should have the basic skills.