Emmet的使用

 

 

emmet的使用方法也很是簡單，以sublime text爲例，直接在編輯器中輸入HTML或CSS的代碼的縮寫，而後按tab鍵就能夠拓展爲完整的代碼片斷

1：生成帶樣式的標籤

編寫p.info

編寫：div.red

2:生成帶ID的標籤

編寫:div#header

3.a標籤

編寫：a.href

4.根據標籤以前的位置關係來生成標

編寫：h2.header+p.info

5.後代標籤

編寫：ul>li

 

6:生成當前標籤的父級，也叫上級標籤

編寫：h2>span

h2>span^p.info

 

6.也能夠有在生成的標籤的時候，同時建立內部的文本

 編寫：a{Think}

7：重複生成功能*

編寫：ul>li*5

案例：

1：快速生成一個導航

ul.list>li.item*8>a{導航}

2：給標籤自動添加編號或排序:$,@

ul.list>li.item*8>a{導航$}

 

ul.list>li.item*8>a{導航$$}

ul.list>li.item*8>a{導航$$@100}