Emmet(以前的Zencoding)的使用

Emmet就是以前的Zencoding

div.wrapper#wrapper>div.right+div.left*2>span{nimei$}*3

//. 类名 #id >下面 +同类 *2前面的来两个 {}里面的东西就是span里面的东西

这样子就会生成

<div class="wrapper" id="wrapper">

    <div class="right"></div>

    <div class="left">

        <span>nimei1</span>

        <span>nimei2</span>

        <span>nimei3</span>

    </div>

    <div class="left">

        <span>nimei1</span>

        <span>nimei2</span>

        <span>nimei3</span>

    </div>

</div>

这样子的代码。

在css中w200，h5p 和 m1e 将会分别自动生成：

width: 200px;

height: 5%;

margin: 1em;

好像很牛逼的样子呢。