首页 > 网站 > WEB开发 > 正文

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

2024-04-27 14:05:24
字体:
来源:转载
供稿:网友

  这不是一个新东西,但它确实是个好东西。只能说我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上的编码时间,但高效的写法还是需要一定的练习才能掌握,如果你也喜欢,不妨试一试。

 


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表