码迷,mamicode.com
首页 > 其他好文 > 详细

Emmet for Dreamweaver 体验分享

时间:2015-01-07 12:53:39      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

我是一名技术不是很到位的前端,每次做项目总要写大量的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 体验分享

标签:

原文地址:http://www.cnblogs.com/crafts/p/4208075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!