基本emmet使用

基本emmet使用（点击查看文章来源）

HTML

初始化

!、html:5、html:xt、html:4s

添加类

p.classp#idp---><p class="classp" id="idp"></p> 
h1{content}---><h1>foo</h1>
a[href=#]---> <a href="#"></a>  

嵌套

p>a---><p><a></a></p>
h1+h2---><h1></h1><h2></h2>

分组

//(.foo>h1)+(.bar>h2)   
<div class="foo">
        <h1></h1>
    </div>
    <div class="bar">
        <h2></h2>
    </div>

隐式标签(.item)

li:用于ul和ol中

tr:用于table、tbody、thead、tfoot中

td:用于tr中

option:用于select和optgroup中

同时定义多个元素

//ul>li*3
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

同时定义多个带属性的元素

//ul>li.item$*3
<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
 </ul>

CSS

值

//h10p+m5e+m5x+w100-->
height:10%;
margin:5em;
margin:5ex;`
weight:100px;

附加属性

//@f-->
@font-face {
    font-family:;
    src:url();
    }

模糊匹配

ov:h、ov-h、ovh、oh—>overflow: hidden;