前端开发Lab » Emmet使用教程

Emmet操作快捷键

展开缩写 – Tab or Ctrl+E
互动式展开缩写 — Ctrl+Alt+Enter
标签对匹配外 – Ctrl+,
标签对匹配内 – Shift+Ctrl+0
对匹配– Ctrl+Alt+J
使用缩写包裹 — Shift+Ctrl+G
转到编辑点 — Ctrl+Alt+→ or Ctrl+Alt+←
选择项目– Shift+Ctrl+. or Shift+Ctrl+,
切换注释— Shift+Ctrl+/
拆分/加入标签 — Shift+Ctrl+`
删除标记– Shift+Ctrl+;
更新图片大小 — Ctrl+U
评估数学表达式— Shift+Ctrl+Y
反映CSS值 – Shift+Ctrl+R
编码/解码图像数据 – Ctrl+'
重命名标记 – Shift+Ctrl+'

常用操作符

> 子集
+ 并集
() 组合
* 多重
$ 序号
. class
# id
[] 属性
{} 文本

速记代码

基本框架
#container>#header+#main(>#content+#sidebar)+#footer
select
.form-item>label+(.form-field>select>option*3)

textarea
.form-item>label+(.form-field>textarea)

submit
.form-action>input:submit.inputbtn