Emmet(以前的Zencoding)的使用_html/css_WEB-ITnose

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;

好像很牛逼的样子呢。