Sublime Text3快捷鍵大全
★★★ 選擇類 ★★★
Ctrl+D 選中光標(biāo)所占的文本，繼續(xù)操作則會(huì)選中下一個(gè)相同的文本。
Alt+F3 選中文本按下快捷鍵，即可一次性選擇全部的相同文本進(jìn)行同時(shí)編輯。舉個(gè)栗子：快速選中并更改所有相同的變量名、函數(shù)名等。
Ctrl+L 選中整行，繼續(xù)操作則繼續(xù)選擇下一行，效果和 Shift+↓ 效果一樣。
Ctrl+Shift+L 先選中多行，再按下快捷鍵，會(huì)在每行行尾插入光標(biāo)，即可同時(shí)編輯這些行。
Ctrl+Shift+M 選擇括號(hào)內(nèi)的內(nèi)容（繼續(xù)選擇父括號(hào)）。舉個(gè)栗子：快速選中刪除函數(shù)中的代碼，重寫函數(shù)體代碼或重寫括號(hào)內(nèi)里的內(nèi)容。
Ctrl+M 光標(biāo)移動(dòng)至括號(hào)內(nèi)結(jié)束或開(kāi)始的位置。
Ctrl+Enter 在下一行插入新行。舉個(gè)栗子：即使光標(biāo)不在行尾，也能快速向下插入一行。
Ctrl+Shift+Enter 在上一行插入新行。舉個(gè)栗子：即使光標(biāo)不在行首，也能快速向上插入一行。
Ctrl+Shift+[ 選中代碼，按下快捷鍵，折疊代碼。
Ctrl+Shift+] 選中代碼，按下快捷鍵，展開(kāi)代碼。
Ctrl+K+0 展開(kāi)所有折疊代碼。
Ctrl+← 向左單位性地移動(dòng)光標(biāo)，快速移動(dòng)光標(biāo)。
Ctrl+→ 向右單位性地移動(dòng)光標(biāo)，快速移動(dòng)光標(biāo)。
shift+↑ 向上選中多行。
shift+↓ 向下選中多行。
Shift+← 向左選中文本。
Shift+→ 向右選中文本。
Ctrl+Shift+← 向左單位性地選中文本。
Ctrl+Shift+→ 向右單位性地選中文本。
Ctrl+Shift+↑ 將光標(biāo)所在行和上一行代碼互換（將光標(biāo)所在行插入到上一行之前）。
Ctrl+Shift+↓ 將光標(biāo)所在行和下一行代碼互換（將光標(biāo)所在行插入到下一行之后）。
Ctrl+Alt+↑ 向上添加多行光標(biāo)，可同時(shí)編輯多行。
Ctrl+Alt+↓ 向下添加多行光標(biāo)，可同時(shí)編輯多行。
★★★ 編輯類 ★★★
Ctrl+J 合并選中的多行代碼為一行。舉個(gè)栗子：將多行格式的CSS屬性合并為一行。
Ctrl+Shift+D 復(fù)制光標(biāo)所在整行，插入到下一行。
Tab 向右縮進(jìn)。
Shift+Tab 向左縮進(jìn)。
Ctrl+K+K 從光標(biāo)處開(kāi)始刪除代碼至行尾。
Ctrl+Shift+K 刪除整行。
Ctrl+/ 注釋單行。
Ctrl+Shift+/ 注釋多行。
Ctrl+K+U 轉(zhuǎn)換大寫。
Ctrl+K+L 轉(zhuǎn)換小寫。
Ctrl+Z 撤銷。
Ctrl+Y 恢復(fù)撤銷。
Ctrl+U 軟撤銷，感覺(jué)和 Gtrl+Z 一樣。
Ctrl+F2 設(shè)置書簽
Ctrl+T 左右字母互換。
F6 單詞檢測(cè)拼寫
★★★ 搜索類 ★★★
Ctrl+F 打開(kāi)底部搜索框，查找關(guān)鍵字。
Ctrl+shift+F 在文件夾內(nèi)查找，與普通編輯器不同的地方是sublime允許添加多個(gè)文件夾進(jìn)行查找，略高端，未研究。
Ctrl+P 打開(kāi)搜索框。舉個(gè)栗子：1、輸入當(dāng)前項(xiàng)目中的文件名，快速搜索文件，2、輸入@和關(guān)鍵字，查找文件中函數(shù)名，3、輸入：和數(shù)字，跳轉(zhuǎn)到文件中該行代碼，4、輸入#和關(guān)鍵字，查找變量名。
Ctrl+G 打開(kāi)搜索框，自動(dòng)帶：，輸入數(shù)字跳轉(zhuǎn)到該行代碼。舉個(gè)栗子：在頁(yè)面代碼比較長(zhǎng)的文件中快速定位。
Ctrl+R 打開(kāi)搜索框，自動(dòng)帶@，輸入關(guān)鍵字，查找文件中的函數(shù)名。舉個(gè)栗子：在函數(shù)較多的頁(yè)面快速查找某個(gè)函數(shù)。
Ctrl+： 打開(kāi)搜索框，自動(dòng)帶#，輸入關(guān)鍵字，查找文件中的變量名、屬性名等。
Ctrl+Shift+P 打開(kāi)命令框。場(chǎng)景栗子：打開(kāi)命名框，輸入關(guān)鍵字，調(diào)用sublime text或插件的功能，例如使用package安裝插件。
Esc 退出光標(biāo)多行選擇，退出搜索框，命令框等。
★★★ 顯示類 ★★★
Ctrl+Tab 按文件瀏覽過(guò)的順序，切換當(dāng)前窗口的標(biāo)簽頁(yè)。
Ctrl+PageDown 向左切換當(dāng)前窗口的標(biāo)簽頁(yè)。
Ctrl+PageUp 向右切換當(dāng)前窗口的標(biāo)簽頁(yè)。
Alt+Shift+1 窗口分屏，恢復(fù)默認(rèn)1屏（非小鍵盤的數(shù)字）
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏
Ctrl+K+B 開(kāi)啟/關(guān)閉側(cè)邊欄。
F11 全屏模式
Shift+F11 免打擾模式
Emmet 插件
在前端開(kāi)發(fā)的過(guò)程中，一大部分的工作是寫 HTML、CSS 代碼。特別是手動(dòng)編寫 HTML 代碼的時(shí)候，效率會(huì)特別低下，因?yàn)樾枰么蚝芏嗉饫ㄌ?hào)，而且很多標(biāo)簽都需要閉合標(biāo)簽等。于是，就有了 Emmet(前身是Zen Coding)，它可以極大的提高代碼編寫的效率，它提供了一種非常簡(jiǎn)練的語(yǔ)法規(guī)則，然后立刻生成對(duì)應(yīng)的 HTML 結(jié)構(gòu)或者 CSS 代碼，同時(shí)還有多種實(shí)用的功能幫助進(jìn)行前端開(kāi)發(fā)。
一、Emmet插件安裝（Emmet：packages）
1、依次選擇菜單中的：首選項(xiàng) —— Package Control；
2、在彈出的下拉窗口中選擇：Install Package；
3、在插件列表上方直接輸入：Emmet 搜索；
4、如上圖，直接點(diǎn)擊安裝即可，安裝成功后，在首選項(xiàng) —— Package Setting 中應(yīng)該會(huì)有 Emmet 顯示！
二、Emmet插件HTML與CSS標(biāo)簽縮寫/快捷簡(jiǎn)寫
===Emmet插件之HTML縮寫===
1、生成后代元素：> 大于號(hào)表示后面要生成的內(nèi)容是當(dāng)前標(biāo)簽的后代
命令：nav>ul>li
每個(gè)命令輸完后按下Tab鍵即可快速得到代碼
<nav> <ul> <li></li> </ul> </nav>
2、生成兄弟元素：+ 加號(hào)表示后面的元素和前面的元素是兄弟元素
命令：div+p+bq 得到代碼如下：
<div></div> <p></p> <blockquote></blockquote>
3、生成上級(jí)元素：^ 表示^后面的元素與^前面的元素的父元素是平級(jí)，即兄弟元素。一個(gè)^表示提升一個(gè)層級(jí)，兩個(gè)提升兩級(jí)
命令：div+div>p>span+em^bq 得到代碼如下：
<div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
命令：div+div>p>span+em^^bq 得到代碼如下：
<div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>
4、生成類名： . Emmet 默認(rèn)的標(biāo)簽為 div ，如果我們不給出標(biāo)簽名稱的話，默認(rèn)就生成 div 標(biāo)簽。Emmet會(huì)根據(jù)父標(biāo)簽進(jìn)行判定。比如在<ul>中輸入.item，就會(huì)生成<li class="item"></li>。
命令：.container 得到代碼如下：
<div class="container"></div>
如果想生成多個(gè)類名可連續(xù)寫
命令： .container.wrapper.more 得到代碼如下：
<div class="container wrapper more"></div>
5、生成ID：#
命令：#container 得到代碼如下：
<div id="container"></div>
6、生成分組：() 用括號(hào)進(jìn)行分組，這樣可以更加明確要生成的結(jié)構(gòu)，特別是層次關(guān)系
命令：(.foo>h1)+(.bar>h2) 得到代碼如下：
<div class="foo"> <h1></h1> </div> <div class="bar"> <h2></h2> </div>
7、重復(fù)生成多份：* *號(hào)后面是想重復(fù)生成的份數(shù)
命令：ul>li*5 得到代碼如下：
<ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
8、對(duì)生成內(nèi)容依次編號(hào)：$ $就表示一位數(shù)字，只出現(xiàn)一個(gè)的話，就從1開(kāi)始。如果出現(xiàn)多個(gè)，就從0開(kāi)始。如果我想生成三位數(shù)的序號(hào)，那么要寫三個(gè)$
命令：ul>li.item$*5 得到代碼如下：
<ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>
只能這樣單調(diào)的生成序號(hào)？對(duì)于強(qiáng)大的 Emmet 來(lái)說(shuō)，肯定不會(huì)了，我們也可以在 $ 后面增加 @- 來(lái)實(shí)現(xiàn)倒序排列：
命令：ul>li.item$@-*5 得到代碼如下：
1234567 <ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li></ul>
同樣，我們也可以使用 @N 指定開(kāi)始的序號(hào)
命令：ul>li.item$@3*5 得到代碼如下：
<ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul>
至于ul>li.item$@-3*5 生成什么你們自己琢磨吧！
9、生成自定義屬性：[attr] 中括號(hào)里面的內(nèi)容是你想添加的屬性
命令：td[rowspan=2 colspan=3 title] 得到代碼如下：
<td rowspan="2" colspan="3" title=""></td>
10、生成文本內(nèi)容：{} 大括號(hào)里面是你想添加的文本內(nèi)容
命令：a{Click me} 得到代碼如下：
<a href="">Click me</a>
命令：p>{Click }+a{here}+{ to continue} 得到代碼如下：
<p>Click <a href="">here</a>to continue</p>
到此為止基本語(yǔ)法內(nèi)容也就這么多，剩下的就是加強(qiáng)理解與練習(xí)了。
注意：在寫命令的時(shí)候，你可能為了代碼的可讀性，使用一些空格什么的排版一下，這將會(huì)導(dǎo)致代碼無(wú)法使用。但是{}[]中可存在空格
ul>li.item${item$}*3
<ul> <li class="item1">item1</li> <li class="item2">item2</li> <li class="item3">item3</li> </ul>
#content>.article>h1.ok[title=parpername][style=color:#000;]+h3.no[title=subname][style=color:#fff;]+p.words
<div id="content"> <div class="article"> <h1 class="ok" title="papername" style="color:#000;"></h1> <h3 class="no" title="subname" style="color:#fff;"></h3> <p class="words"></p> </div> </div>
===Emmet插件之CSS縮寫===
Emmet除了能快速編輯出上面的代碼以外，還有一些其他代碼也可快速編輯，具體的、全面的快速編輯方式，還請(qǐng)瀏覽Emmet官方文檔（有詳細(xì)說(shuō)明哦！）
下面只列出一些常用的快速編輯方式
命令：link
<link rel="stylesheet" href="" />
命令：script:src
<script src=""></script>
命令：img
<img src="" alt="" />
命令：inp
<input type="text" name="" id="" />
命令：input:p
<input type="password" name="" id="">
命令：btn
<button></button>
命令：btn：s
<button type="submit"></button>
命令：btn：r
<button type="reset"></button>
CSS中單位與屬性縮寫
單位：
p 表示%e 表示 emr表示 rem
寬度：
命令：w100 結(jié)果：width:100px; 默認(rèn)單位px
命令：w100p 結(jié)果：width:100%;
高度：
命令：h100r 結(jié)果：height: 100rem;
顏色：
命令：c#3 結(jié)果： color: #333;
命令：c#e0 結(jié)果： color: #e0e0e0;
命令：c#fc0 結(jié)果： color: #ffcc00;
CSS3前綴：
w 表示 -webkit-m 表示 -moz-s 表示 -ms-o 表示 -o-
命令：-wmso-transform 結(jié)果：
-webkit-transform: ; -moz-transform: ; -ms-transform: ; -o-transform: ; transform: ;
屬性模糊匹配：
如果有些縮寫你拿不準(zhǔn)，Emmet會(huì)根據(jù)你的輸入內(nèi)容匹配最接近的語(yǔ)法，比如輸入ov:h、ov-h、ovh和oh，生成的代碼是相同的：
所以在平時(shí)使用的時(shí)候可留意Emmet的提示
命令：h10p+m5e 結(jié)果：
height: 10%;margin: 5em;
===編后語(yǔ)（深度理解Emmet）===
魔難對(duì)于天才是一塊墊腳石，對(duì)能干的人是一筆財(cái)富，對(duì)弱者是一個(gè)萬(wàn)丈深淵。Emmet 縮寫可以或許很好地生成 HTML、XML 或者隨便率性一種布局化的標(biāo)識(shí)表記標(biāo)幟，看起來(lái)不克不及用于 CSS。你應(yīng)當(dāng)不會(huì)想經(jīng)由過(guò)程書寫 CSS 選擇器來(lái)翻譯生成 CSS 選擇器吧？Emmet 可以或許做的只有供給 CSS 屬性的短格局，然則帶有本地片段和主動(dòng)完成的編輯器可以或許做的更好。·實(shí)際上，Emmet 已經(jīng)供給了一些幫助。
對(duì)于 CSS 語(yǔ)法，Emmet 有很多預(yù)定義的片段和屬性。例如，可以將 m 擴(kuò)大成 margin: ; 片段。但也許所須要的不只是 margin 屬性，還須要為此屬性指定一個(gè)值。還必須手工輸入，比如，10px。
Emmet 極大地優(yōu)化工作流：可以把值直接注入縮寫。margin: 10px; 可以簡(jiǎn)單地?cái)U(kuò)大自 m10 縮寫。想要多個(gè)值？應(yīng)用連字符隔開(kāi)它們：m10-20 將擴(kuò)大成 margin: 10px 20px;。負(fù)值？沒(méi)題目：在前面加上連字符并且后續(xù)的值都應(yīng)用兩個(gè)連字符：m-10--20 擴(kuò)大成 margin: -10px -20px;。
它是如何工作的？
Emmet 有特別的解析器來(lái)解決如何將縮寫展開(kāi)成完全的 CSS 屬性的題目。
來(lái)看一下展開(kāi) m10 時(shí)都產(chǎn)生了什么。
起首，在 查找 snippets.JSON 中查找 m10 片段的定義。若是找到了，就簡(jiǎn)單地算作通俗的片段來(lái)輸出。不然就從縮寫中把值提取出來(lái)。
為了供給最佳的用戶體驗(yàn)，解析器不引入任何指定的分隔符：輸入 m5 遠(yuǎn)快過(guò)輸入 m:5。所以它只須要找到值鴻溝：初次呈現(xiàn)的數(shù)字或者連字符充當(dāng)了值鴻溝。在 m10 傍邊，m 是屬性，而 10 則是值。
當(dāng)屬性被發(fā)明發(fā)明，解析器在 snippets.json 中搜刮版定義。對(duì)于 m 將找到 "m": "margin:|;" 定義（字符 | 是在展開(kāi)的片段頂用來(lái)標(biāo)識(shí)表記標(biāo)幟光標(biāo)的地位的）。
片段定義看來(lái)來(lái)很像 CSS 屬性（這很是首要），所以 Emmet 可以或許將其拆分成 CSS 屬性和值，并將值放入光標(biāo)地點(diǎn)的地位（ | 字符的地位）。
供給帶有單位的值
默認(rèn)地，當(dāng)展開(kāi)帶有整數(shù)值的縮寫時(shí)，Emmet 輸出會(huì)帶有 px 單位：m10 →margin: 10px;。若是展開(kāi)的縮寫帶有浮點(diǎn)婁，輸出將帶有 em 單位：m1.5 →margin: 1.5em;。不過(guò)也可以經(jīng)由過(guò)程在值的后面放置隨便率性的字母來(lái)明白指定單位： m1.5ex → margin: 1.5ex;， m10foo → margin: 10foo;。
若是明白定義了單位，不須要應(yīng)用連字符分隔各個(gè)值： m10ex20em →margin: 10ex 20em;， m10ex-5 → margin: 10ex -5px;。
值別號(hào)
Emmet 有幾個(gè)常用的別號(hào)：
p → ％e → emx → ex
可以用這些別號(hào)來(lái)庖代完全的單位：
w100p → width: 100％m10p30e5x → margin: 10％ 30em 5ex
色彩值
Emmet 付出16進(jìn)制地色彩值，例如： c＃3 → color: ＃333;。＃ 符號(hào)是值的分隔符，所以不須要應(yīng)用連字符做分隔。例如 bd5＃0s 展開(kāi)成 border: 5px ＃000 solid: 。5 被從色彩值的 ＃ 到 s （solid 的別號(hào)）從色彩平分隔出來(lái)，因?yàn)?s 不是16進(jìn)制的字符，不須要用 - 分隔符。
可以以 1個(gè)、2個(gè)、3個(gè)或者6個(gè)數(shù)字的情勢(shì)書寫色彩值：
＃1 → ＃111111＃e0 → ＃e0e0e0＃fc0 → ＃ffcc00
當(dāng) css.color.short 引用 可用時(shí)（默認(rèn)），類似 ＃ffcc00 如許的值會(huì)主動(dòng)簡(jiǎn)化成 ＃fc0。也可以按照 css.color.case 引用主動(dòng)改變大小寫。
無(wú)單位的值
一些 CSS 屬性被定義為無(wú)單位，例如 lh2 → line-height: 2;，fw400 → font-weight: 400;。
這些值是: ""z-index、 line-height、 opacity 和 font-weight ，可以哄騙 css.unitlessProperties 引用來(lái)覆蓋它們。
!important 潤(rùn)飾符
可以在任何 CSS 縮寫后面添加 ! 下標(biāo)來(lái)獲得 !important 值：
p!+m10e!
將生成
padding: !important; margin: 10em !important;
Vendor 前綴
CSS3 的新特點(diǎn)為 web 法度員帶來(lái)了福音：很少的幾行代碼就能完成幾年前近乎不成能實(shí)現(xiàn)的任務(wù)。但同時(shí)這些特點(diǎn)對(duì)帶來(lái)了疾苦：必須為不合的瀏覽器編寫多個(gè)雷同的屬性。
Emmet 的 CSS 解析器有一個(gè)很奇妙的特點(diǎn)，可以明顯進(jìn)步編寫 CSS3 的體驗(yàn)。每次在 CSS 屬性或縮寫前添加連字符，Emmet 就主動(dòng)為每個(gè)屬性創(chuàng)建帶有 vendor 前綴的副本。例如，-bdrs 縮寫將展開(kāi)成：
-webkit-border-radius: ; -moz-border-radius: ; border-radius: ;
此外，在支撐 tabstop 的編輯器（例如 Eclipse、 Sublime Text 2、 Espresso 等）中，Emmet 將建樹值占位符，法度員可以輸入屬性值并主動(dòng)放到全部生成的屬性中。
它如何工作？
展開(kāi)前面帶有連字符的縮寫時(shí)，Emmet 刪除連字符并在 snippets.json 查找殘剩的縮寫的片段定義。例如 -bdrs 縮寫將會(huì)在 snippet.json 中查找 bdrs 定義，定義的內(nèi)容如下：
"bdrs": "border-radius:|;"
也就是說(shuō) bdrs 將被展開(kāi)成 border-radius 屬性。若是定義沒(méi)有找到，縮寫本身將被當(dāng)成 CSS 屬性名。
經(jīng)過(guò) CSS 解析器策畫出的屬性將被輸出，它將查找特定的在特定的 vendor 分類是否呈現(xiàn)。這些分類定義設(shè)置中的 css.{vendor}Properties 分支。 {vendor} 是瀏覽器的 vendor 前綴，例如 webkit、 moz 等。
若是擴(kuò)大屬性在這些分類中被找到，它們的 vendor 前綴將用作前導(dǎo)屬性。不然，所有的前綴將被應(yīng)用。
例如，border-radius 被定義在 css.webkitProperties 和 css.mozProperties 中，所以這個(gè)屬性的輸出將帶有 webkit 和 moz 前綴。另一種景象，foo 屬性沒(méi)有定義在任何 vendor 分類中，所以在展開(kāi) -foo 縮寫時(shí)，將輸出所有可用的前綴：： webkit， moz， ms and o.。它對(duì)眼下所實(shí)現(xiàn)的那些前沿的 CSS 屬性希罕有效。
假設(shè) Google Chrome 昨天方才實(shí)現(xiàn)了 super-foo ，而你如今就想在項(xiàng)目中應(yīng)用它。可以應(yīng)用 -super-foo 屬性，展開(kāi)成果如下：
-webkit-super-foo: ; -moz-super-foo: ; -ms-super-foo: ; -o-super-foo: ; super-foo: ;
默認(rèn)添加前綴屬性
在編寫 CSS 文件時(shí)，也許要查找不帶有 vendor 前綴變量的 CSS3 的 “clear” 屬性。這會(huì)使編寫類似 -trf （trf 是 transform 的別號(hào)） 如許帶有前導(dǎo)連字符的縮寫很難堪。
這也是為什么默認(rèn)景象下 Emmet 會(huì)有 css.autoInsertVendorPrefixes 選項(xiàng)的原因。這個(gè)屬性生效，所有定義在 vendor 分類中的 CSS 屬性都將被主動(dòng)供給匹配的 vendor 前綴變量。
這意味著，無(wú)需應(yīng)用連字符來(lái)為已知的 CSS 屬性獲取有效的前綴變量，直接展開(kāi) bdrs 或 trf 縮寫就可以獲得有效的 vendor 前綴屬性。
明白地 vendor 前綴
有時(shí)可能會(huì)想要輸出僅帶有指定 vendor 前綴屬性的 CSS 屬性。
假定想要輸出僅帶有 webkit 和 moz 前綴的 transform 屬性，可以編寫如下縮寫：
-wm-trf
正如所見(jiàn)到的那樣，我們經(jīng)由過(guò)程添加一個(gè)字符前綴列表對(duì)縮寫略作批改。在這種景象下，添加的是 w （webkit） 和 m （moz） 前綴。Emmet 的單字母前綴如下：
w: webkitm: mozs: mso: o
漸變
編寫 CSS3 特點(diǎn)的另一個(gè)難點(diǎn)是漸變。必須為多個(gè) vendor 前綴多次反復(fù)長(zhǎng)長(zhǎng)地漸變定義。同時(shí)，要想覆蓋所有支撐漸變的瀏覽器，就必須應(yīng)用三種不合的注解：舊的 Webkit，當(dāng)前支撐 （linear-gradient（top， ...）） 和 W3C-推薦 （linear-gradient（to bottom， ...））。
凡是，用戶偏向于應(yīng)用第三方 GUI 來(lái)生成漸變定義，然則在編輯器中做同樣的工作會(huì)更快。
Emmet 的 CSS3 漸變生成器可以或許幫你分憂：
正像上方顯現(xiàn)的那樣，可以輸入常規(guī)地漸變定義如 lg（...） （或 linear-gradient（...）） 函數(shù)，并算作一個(gè)縮寫來(lái)展開(kāi)。若是編寫漸變定義來(lái)充當(dāng)屬性值，Emmet將解析它并應(yīng)用它的名字作為新的 CSS 屬性的引用。
備用值
在偏愛(ài)設(shè)置中，可以使 css.gradient.fallback 選項(xiàng)有效，當(dāng)漸變定義 background-* CSS 屬性展開(kāi)時(shí)，產(chǎn)生一個(gè)備用的 background-color CSS 屬性。這個(gè)備用屬性將包含來(lái)自漸變定義的第一個(gè)色彩。
為個(gè)選項(xiàng)默認(rèn)是封閉的，這是因?yàn)樗a(chǎn)生的 background-color 值幾乎可以必然須要手動(dòng)進(jìn)級(jí)，以確保這個(gè)靠山的內(nèi)容可讀。若是確切不在乎舊瀏覽器，就可以打開(kāi)這個(gè)選項(xiàng)。
模糊查找
若是查閱 總覽表，就會(huì)發(fā)明有很多 CSS 片段要記憶。并且它們中的一項(xiàng)目組為了分隔邏輯變得很長(zhǎng)。
為了使 CSS 的編寫更簡(jiǎn)單，Emmet 為 CSS 片段實(shí)現(xiàn)了模糊查找邏輯：每次輸入一個(gè)未知的縮寫，Emmet 老是試圖找到類似的片段定義。
例如，作為 ov:h （overflow: hidden;） 縮寫的調(diào)換，可以輸入 ov-h、 ovh 或者干脆輸入 oh。拜見(jiàn)下面的示例。演示了 bxz:cb、ovx:h 和 pos:a 片段的不合示例
模糊查找只針對(duì)預(yù)定義的片段名，不支撐片段值或 CSS 屬性。這個(gè)成果更好猜測(cè)和把握匹配。記住 可以創(chuàng)建本身的片段或重定義已存在的片段 來(lái)調(diào)劑模糊查找的體驗(yàn)。
