1. 快速生成HTML结构语法
- 生成标签直接输入标签名按tab键即可 比如div然后tab键，就可以生成<div></div>
- 如果想要生成多个相同标签加上*就可以了 比如div*3就可以快速生成3个div3．
- 如果有父子级关系的标签，可以用> 比如ul > li就可以了
- 如果有兄弟关系的标签，可以用＋ 比如div+p
- 如果生成带有类名或者id名字的，直接写.demo或者#two tab键就可以了
- 如果生成的div类名是有顺序的，可以用自增符号$ 比如div.demo$*3
- 如果想要在生成的标签内部写内容可以用{}表示 div{hello}
注意：按住！生成html框架时，感叹号应该为英文状态下。
示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<ul>
<li></li>
</ul>
<div></div>
<p></p>
<div class="demo"></div>
<div id="two"></div>
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div>hello</div>
</body>
</html>2. 快速生成CSS样式语法
- 比如w200按tab 可以生成 width: 200px;2．
- 比如lh26按tab 可以生成line-height:26px;
示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p {
width: 200px;
line-height: 26;
}
</style>
</head>
<body>
</body>
</html>3. 格式化文档
