Found a powerful HTML/CSS compilation plug-in-Zen Coding

This is not a new thing, but it is indeed a good thing. I can only say that I am OUT. This small plug-in is still seen in the log of another blog a year ago. Let's start with a link, which is already detailed, here, I just want to record it for myself. (Zen Coding: A quick way to compile HTML/CSS code)

So what is Zen Coding and how is it used? Let's take a look at the official example. If you enter:

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

The output is as follows:

<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>

I cannot understand it, right? Let's watch another video, but it's a bit fuzzy.

In fact, Zen Coding replaces long code with short code, and short code automatically generates the required long code. It is a bit colloquial, but it should be understandable.

Zen Coding supports many ides. You can find the appropriate plug-ins on your website.

Lack of expression ability. I 'd like to keep two links for my own Archiving: CSS and HTML abbreviations and fragments.

In general, Zen Coding can greatly reduce the Coding time on css and html, but efficient writing still requires some exercises to be mastered. If you like it, try it.