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是每一個前端開發人員應該具有的基本技能。

總結

以上是生活随笔為你收集整理的emmet快速缩写展开的基本写法与心得的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。