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;

好像很牛逼的样子呢。