emmet
在html檔案中，關於emmet使用
（1）補全文件結構
（2）標籤
（3）生成下級元素 ：>
父元素》子元素 例如：ul>li
生成**：
（3）生成兄弟元素 ：+
元素1+元素2 例如：p+div
生成**：
（3）生成上級元素：^
父元素》子元素^兄弟元素 例如：ul>li^div
生成**：
解析： div元素跳出li元素與ul同級。 跳兩級就是兩個^符號
（4）生成多分 * 後面跟的是重複次數
例如：ul>li*3 生成包含三個li的ul元素
（5）生成分組，使用()
例如：div>(header>ul>li*2>a)
（6）生成自定義屬性：[attr]
（7）生成標籤內的文字內容 ：{}
（8）對生成內容編號：$
例如生成5個類名依次遞增的li,那麼就需要使用$符號：li.item$*3
在css檔案中，emmet的使用：
（1）簡寫屬性和屬性值
定位： 輸入簡略字母就可以彈出樣式提示框
長度單位：w預設為width，h預設為height 預設單位為px，p---->百分比，e---->em,r----->rem
輸入w100，生成 width:100px;
輸入h100p 生成height：100%;
邊距等多屬性的元素：margin或者padding 生成多個屬性值需要用橫槓（-）連線，，負值就多加乙個橫槓
m10-20 生成 margin:10px 20px;
p12-20-30 生成 padding: 12px 20px 30px;
顏色值生成：c#0---->color:#000;
注意：寫這些指令時不要有空格
Emmet外掛程式使用
一 生成html5的文件的emmet語法 1 語法一 html5 tab鍵 2 語法二 html 5 tab鍵 3 語法三 tab鍵 二 用在html文件中的head中的emmet語法 1 規定html文件的字符集編碼 meta utf tab鍵 2 建立當前的html的視窗 meta vp tab...
Emmet外掛程式的使用
或者html 5快速生成h5。p.p1 p1生成class與id a href www.baidu.com 生成結果 是新增內容是設定屬性 我是a標籤 div div div div span，生成結果 分組，用 將命令分組 我試了很多次，我的編譯器不識別分組語法，所以我就把語法放上去，自己嘗試吧 ...
Sublime外掛程式Emmet安裝與使用
開啟sublimetext3，ctrl 貼上下面 import urllib.request,os pf package control.sublime package ipp sublime.installed packages path urllib.request.install opener...