[技术交流] 推荐个快速写HTML及CSS的小插件。。。 [复制链接]
查看:22694 | 回复:40

疼训扣扣 · 发表于 2013-4-8 08:43:51

本帖最后由疼训扣扣于 2013-4-9 15:20 编辑

zen-coding

项目地址：http://code.google.com/p/zen-coding/

支持多种编辑器：

要写出如下代码：

<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>

复制代码

只需要输入：

div#page>div.logo+ul#navigation>li*5>a

复制代码

展开后就可以了。。。非常好用。。。。

主页上面有文档和下载。。。

自己录的一个GIF演示：

sunnyv · 发表于 2013-4-8 09:14:40

一直在用，很方便

阿江 · 发表于 2013-4-8 10:54:28

貌似不错，这个用习惯了之后可以省不少事。

疼训扣扣 · 发表于 2013-4-8 08:48:20

本帖最后由疼训扣扣于 2013-4-9 15:21 编辑

如果想要GIF录制软件，看这里GIF录制及GIF优化软件分享……

logo设计专家 · 发表于 2013-4-8 08:49:53

这么好用啊。。。

疼训扣扣 · 发表于 2013-4-8 08:52:36

logo设计专家发表于 2013-4-8 08:49
这么好用啊。。。

嗯。。。如果完全空白开始写。。

html:xt

复制代码

展开后就是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
</body>
</html>

复制代码

logo设计专家 · 发表于 2013-4-8 08:55:41

疼训扣扣发表于 2013-4-8 08:52
嗯。。。如果完全空白开始写。。展开后就是

不过还要去记这些规则

疼训扣扣 · 发表于 2013-4-8 09:01:33

logo设计专家发表于 2013-4-8 08:55
不过还要去记这些规则

要仔细看一下，规则很简单。。。
标签#ID，标签.样式，标签嵌套用>，多个用嵌套子标签用+连接，重复用*。。。

chinaquery · 发表于 2013-4-8 09:01:57

不会用

xslxld · 发表于 2013-4-8 09:14:57

貌似不错啊

zz7s · 发表于 2013-4-8 09:15:11

两高手。

百独托管7500 紫田网络	超高转化播放器收cps[推荐]	速盾CDN 免实名免备防屏蔽	阿里云爆款特卖9.9元封顶	提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场	【腾讯云】多款产品1折起	高防随时退换好耶数据	小飞国外网赚带你月入万元	炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠	中客数据中心服务器租用	联盟系统移动广告平台中易	企业专场腾讯云服务器2.5折	九九数据工信部正规资质
腾讯云新用户大礼包代金券	高价收cpa注册量高价展示	【腾讯云】2核2G/9.93起	租服务器找45互联随时退换	阿里云短信服务验证秒达

[技术交流] 推荐个快速写HTML及CSS的小插件。。。 [复制链接]
查看:22694 | 回复:40

本帖子中包含更多资源

评分

点评

评分

落伍手机绑定

落伍者

落伍ASP

落伍爱心勋章

落伍草根英雄

QQ绑定

落伍微信绑定

[技术交流] 推荐个快速写HTML及CSS的小插件。。。 [复制链接] 查看:22694 | 回复:40

本帖子中包含更多资源

评分

点评

评分

落伍手机绑定

落伍者

落伍ASP

落伍爱心勋章

落伍草根英雄

QQ绑定

落伍微信绑定

[技术交流] 推荐个快速写HTML及CSS的小插件。。。 [复制链接]
查看:22694 | 回复:40