<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>Emmet语法</title>
<style>
/* 1.5.2css emmet语法 */
.ont {
text-align: center;
text-indent: 2em;
width: 100px;
line-height: 26px;
text-decoration: none;
/*这里也就是打了个ed*/
}
</style>
</head>
<body>
<!-- 1.6.1快速生成HTML结构语法 -->
<!-- 1.生成标签直接输入标签名按tab键即可
2.如果想要生成多个相同的标签 加上*就可以了 div*3就可以生成3个标签
3.如果有父子关系的标签，可以用>比如ul>li就可以了
4.如果有兄弟关系的标签，用+就可以了比如div+p
5.如果生成带有类名或者id名字的。直接写.demo或者#two tab键就可以了
6.如果生成的div类名是有顺序的可以用自增符号$ -->
<!-- div*3 -->
<div></div>
<div></div>
<div></div>
<!-- ul>li div>span -->
<ul>
<li></li>
</ul>
<div><span></span></div>
<!-- . 快速生成类选择器 -->
<divclass="demo"></div>
<!-- # 生成id的 -->
<divid="banner"></div>
<pclass="one"></p>
<!-- .demo$*3 -->
<divclass="demo1"></div>
<divclass="demo2"></div>
<divclass="demo3"></div>
</body>
</html>
