發現一個特給力的編寫HTML/CSS的外掛——ZenCoding

橘子紅了吶發表於2017-11-12
HTMLCSSEncoding

不是一個新東西，但它確實是個好東西。只能說我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上的編碼時間，但高效的寫法還是需要一定的練習才能掌握，如果你也喜歡，不妨試一試。

   本文轉自胡尐睿丶部落格園部落格，原文連結：http://www.cnblogs.com/hooray/archive/2011/04/26/2029207.html，如需轉載請自行聯絡原作者


相關文章