值
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快捷键不能用