emmet快速縮寫展開的基本寫法與心得

emmet的基本寫法：

• .ct 點是class

<div class="ct"></div>

• ＃ct 井號是id

<div id="ct"></div>

• .ct>.ct 加號表示兩個div並列

<div class="ct"></div>
   <div class="ct"></div>

• .ct>ct1 ">"表示其子元素

<div class="ct">
       <div class="ct1"></div>
   </div>

• .ct*6 乘號後面加個數表示該元素的展開個數

<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 $符號表示數字標號

<div class="ct1"></div>
    <div class="ct2"></div>
    <div class="ct3"></div>
    <div class="ct4"></div>
    <div class="ct5"></div>
    <div class="ct6"></div>

以上的基本方法排列組合，再用（）來決定展開順序便可；

心得

一直以來emmet使得html標籤和css標籤的書寫速度加快，減小了許多沒必要要浪費的時間，學會使用emmet是每個前端開發人員應該具備的基本技能。