贾森·汤普森:发现一个特给力的编写HTML/CSS的插件——Zen Coding

来源：百度文库 编辑：九乡新闻网 时间：2024/04/30 01:31:57

发现一个特给力的编写HTML/CSS的插件——Zen Coding

　　这不是一个新东西，但它确实是个好东西。只能说我OUT了，这小插件还是在别人博客上一年前的日志里看到的，先来个链接吧，写的已经很详细了，我这里只是给自己做个记录，留给自己看的。（Zen Coding: 一种快速编写HTML/CSS代码的方法）

　　那Zen Coding到底是什么，又是如何使用的呢？我们看一下官方举的例子吧，如果你输入：

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

　　就会看到这样的输出：

view sourceprint? <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>

　　有点看不懂了吧？那我们再来看个视频，不过有点模糊。

　　实际上，Zen Coding就是把长代码用短代码代替，而短代码会自动生成需要的长代码。说的有点白话，不过这样应该能理解。

　　Zen Coding支持很多ide，你可以去网站上找适合你的插件。

　　表达能力实在欠缺，我还是留2个链接给自己存档吧：CSS和HTML缩写和片段

　　总的来说，Zen Coding能大大减少我们在css和html上的编码时间，但高效的写法还是需要一定的练习才能掌握，如果你也喜欢，不妨试一试。

标签: css, html, 插件, zen coding
发现一个特给力的编写HTML/CSS的插件——Zen Coding 使用c++开发excel插件(第4章编写一个完整的xll) Ext之旅（一）——下载与部署 - winter的个人空间 - 无忧脚本 -//体验编写HTML代码的乐趣 - 51JS.COM - powered by X-Space -//体验编写HTML代码的乐趣 - 51JS.COM 不错的编写properties文件的Eclipse插件 html、php、asp、CSS、Rss等名词的定义 特给力的摩托车 编写HTML代码 - 理睬的日志 - 网易博客 CSS JS实现的选项卡效果(html组件)-网页陶吧-CSS-天极Yesky 使用CSS固定html:text 和html:password的宽度 - 技术博客 - 博客大巴 一个web开发者不可或缺的Eclipse插件 写给喜欢用DW编写CSS人的一些建议2 html、php、asp、CSS、Rss等名词的定义 - 留阳旭日的日志 - 网易博客 20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ... - html/css & we... Zen Cart和Magento的对比（Zen Cart 和Magento的 十大巅峰对决... 一个惊人的发现 推荐一个修改文件编码的eclipse插件 一个公司网站的css样式表 - 东昊信息网 【博文】剖析一个CSS投影滤镜的代码 更简单，更具行动力的终极高效系统：Zen To Done(简易做)、； 更简单，更具行动力的终极高效系统：Zen To Done(简易做) VC++开发BHO插件——定制你的浏览器 CSS新手整理的CSS技巧/ 期货交战力——交易特训13关- 一个笨蛋的股指交易记录