我是一名技术不是很到位的前端，每次做项目总要写大量的HTML和CSS，耳边经常听到的是快、快点、再快点！我真想说快你妹！但是，我不得不承认的是：我只有两只手...

后来，在群里看到有人分享了一个连接大名鼎鼎的Zen Coding（Emmet的前身）觉得不错，打算研究下。后来一忙，一忙就找不到了...

转眼间，时过境迁。昨日的记忆重新浮现在眼前，瞬间感悟，这次不能再错过！于是，百而度之，获，大喜，乃此篇前因。用，大爽，乃此篇后果。

好了，言归正传。下面来分享一下我的体验：

Emmet并不依赖某个特定的编辑器，它是一个多编辑器支持的可扩展组件。它通过缩写的形式来生成我们想要的代码，本文主要说明在HTML和CSS两个方面的应用。

官方下载
下载去官方，及时又可靠，轻轻地地点击这里：http://emmet.io/download/ 或者直接狠狠地点击这里：Emmet.zxp

如果你已经安装了Adobe的Extension Manager(扩展管理器)，直接双击安装就可以啦！如果木有，点击这里下载。

HTML部分：

1.初始化

2.添加类、ID、文本、属性

3.嵌套

4.分组

5.隐式标签

6.定义多个元素

7.定义多个带属性的元素

CSS部分：

1.值

2.附加属性

3.模糊匹配

4.供应商前缀

5.渐变

Emmet for Dreamweaver 体验分享