emmet rapid expansion of abbreviations and basic writing experiences

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.

Guess you like

Origin www.cnblogs.com/baimeishaoxia/p/11904210.html