Emmet语法

Emmet语法:用来快速创建html元素

1.div>span (div内嵌套span)

2.div+span (div兄弟span)

3.div>p*5 (div内嵌套5个p标签)

4.div>p+span^h1+strong

1
2
3
4
5
6
<div>
<p></p>
<span></span>
</div>
<h1></h1>
<strong></strong>

5.div>(p>span)+h2来代替^

6.div#main>div.box+p.p1+span.title^div#footer>div.box2

1
2
3
4
5
6
7
8
<div id="main">
<div class="box"></div>
<p class="p1"></p>
<span class="title"></span>
</div>
<div id="footer">
<div class="box2"></div>
</div>

6.生成内容用{}

7.#main

1
<div id="main"></div>

8.w20+h30+m20-30-40-50+fz20+lh50px+bgc#333+dib(没成功,但可以单个写)

一键三连!