HTML/CSS速写 Emmet | 使用方法

安装

我使用的IDE是MacOS上的Brackets。Brackets在墙内安装插件的地址以下：

https://brackets-registry.abo...
下载Zip拖入到拓展管理器安装便可。

---

HTML篇

生成HTML模版

HTML5模版

输入!或html:5，而后按下Tab键便可

其余HTML模版

• html:5 + Tab 或者 ! 生成 HTML5 结构
• html:xt + Tab 生成 HTML4 过渡型
• html:4s + Tab 生成 HTML4 严格型

---

生成带有 id 、class 的 HTML 标签

1. E 表明HTML标签。
2. E#id 表明id属性。
3. E.class 表明class属性。
4. E[attr=foo] 表明某一个特定属性。
5. E{foo} 表明标签包含的内容是foo。
6. E>N 表明N是E的子元素。
7. E+N 表明N是E的同级元素。
8. E^N 表明N是E的上级元素。

分组（）与重复多份*

用括号进行分组，表示一个代码块，分组内部的嵌套和层级关系和分组外部无关。
须要多少份结构，就在后面乘以几

---

CSS篇

---

更详细的使用方法见：

http://bubkoo.com/2014/01/04/...在-sublime-text-3-中安装-emmet