手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜Qcloud , 注册 | 登陆

写HTML和CSS的新方法

首页 > Misc >

Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子:div#page>div.logo+ul#navigation>li*5>a

效果就是:

XML/HTML代码
  1. <div id="page">  
  2.         <div></div>  
  3.         <ul id="navigation">  
  4.                 <li><a href=""></a></li>  
  5.                 <li><a href=""></a></li>  
  6.                 <li><a href=""></a></li>  
  7.                 <li><a href=""></a></li>  
  8.                 <li><a href=""></a></li>  
  9.         </ul>  
  10. </div>  

 

这玩意是我在PHPRPC群里缘起缘灭推荐的,看了一下,效果还不错。。再去官网看了一下,居然有支持notepad++,很兴奋的下载下来使用了。效果还不错。

如果你一直是在用手写HTML代码而不是用IDE,确实 推荐一下。

上面的演示内容来自:http://coolshell.cn/?p=2406,官网请点击:Zen Coding

 PS:如果你真的不会用,没关系,这里还有一个PDF下载下来看看就行了:zencodingcheatsheet.pdf




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: xpath, html, css

« 上一篇 | 下一篇 »

只显示10条记录相关文章

表单提交时submit按钮的值没有被提交 (浏览: 55038, 评论: 5)
jQuery的html()等方法介绍 (浏览: 37552, 评论: 1)
基于HTTP长连接的推技术:COMET (浏览: 16261, 评论: 0)
Rel与CSS的联合使用 (浏览: 15787, 评论: 2)
JS:截取文章一部分显示(无损html) (浏览: 15489, 评论: 3)
9 个基于JavaScript 和 CSS 的 Web 图表框架 (浏览: 15194, 评论: 0)
CSS背景 (浏览: 14812, 评论: 0)
Table2CSS Converter (浏览: 14336, 评论: 3)
CSS中media标签的作用 (浏览: 14244, 评论: 0)
好东西,不得不贴,继续上传两个文件 (浏览: 14197, 评论: 0)

1条记录访客评论

有IDE的补全,外加五个<li>的ctrl+c  ctrl+v,其实差不多了。

Post by yhustc on 2010, May 12, 12:35 PM 引用此文发表评论 #1


发表评论

评论内容 (必填):