值
1、比如要定義元素的寬度,只需輸入w100,即可生成
2、除了px,也可以生成其他單位,比如輸入h10p+m5e
單位別名列表:
p 表示%
e 表示 em
x 表示 ex
附加屬性
1、縮寫,比如 @f,可以生成:
一些其他的屬性,比如background-image、border-radius、font、@font-face,text-outline、text-shadow等額外的選項,可以通過“+”符號來生成;
2、輸入@f+,將生成:
模糊匹配
如果有些縮寫你拿不準,Emmet會根據你的輸入內容匹配最接近的語法,比如輸入ov:h、ov-h、ovh和oh,生成的代碼是相同的:
供應商前綴
1、如果輸入非W3C標準的CSS屬性,Emmet會自動加上供應商前綴,比如輸入trs,則會生成:
2、可以在任意屬性前加上“-”符號,也可以為該屬性加上前綴。比如輸入-super-foo:
3、如果不希望加上所有前綴,可以使用縮寫來指定,比如-wm-trf表示只加上-webkit和-moz前綴:
前綴縮寫如下:
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o-
. 漸變輸入lg(left, #fff 50%, #000),會生成如下代碼:
> Emmet中需要注意不要添加額外的空格
- 序言
- 安裝
- 漢化
- 快捷鍵 Win
- 快捷鍵 MAC
- Features(功能)
- Alignment
- 設置字體及字體大小
- 自定制代碼片段
- 快速補全
- HTML
- CSS
- 安裝插件
- Emmet
- JsMinifier
- Sublime CodeIntel
- Bracket Highlighter
- CSScomb CSS
- SublimeTmpl
- SideBarEnhancements
- ColorPicker
- Tag
- Clipboard History
- GBK to UTF8
- SFTP
- WordPress
- PHPTidy
- YUI Compressor
- SublimeLinter
- ConvertToUTF8
- AutoFileName
- IMESupport
- FileDiffs
- View In Browser
- HTML-CSS-JS Prettify
- 插件開發
- sublime插件開發教程(附源碼)
- 插入當前時間插件
- 自定義插件
- Sublime-thinkphp
- 其他技術
- 添加右鍵打開的操作
- 激活
- Sublime Text3 3103 激活碼
- 常見錯誤
- an error occurred installing package control
- Sublime Text 全局搜索Ctrl+Shift+F快捷鍵不能用