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

胡尐睿丶

发布于 2022-03-23 14:21:16

2660

发布于 2022-03-23 14:21:16

文章被收录于专栏：代码小睿

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

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

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

　　就会看到这样的输出：

<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上的编码时间，但高效的写法还是需要一定的练习才能掌握，如果你也喜欢，不妨试一试。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2011-04-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法