生成方式：敲完快捷语法按tab键
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--所有的都是编写完 按tab键-->
<!--直接看效果-->
<!--.box 快速生成 class 为 box的div-->
<div class="box"></div>
<!-- #box 快速生成 id 为 box的div-->
<div id="box"></div>
<!-- div*5 快速生成 5个div-->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<!-- ul下面生成五个 li ul>li*5 -->
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!-- ul>li{$}*5 -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<!-- ul>li{$$}*5 -->
<ul>
<li>01</li>
<li>02</li>
<li>03</li>
<li>04</li>
<li>05</li>
</ul>
<!--ul>li{$@2}*5-->
<!--这里的 @2 意思是从第二位开始计数-->
<ul>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<!--h2.title+p.text-->
<h2 class="title"></h2>
<p class="text"></p>
<!--p[title='666']-->
<p title="666"></p>
<!--a[href='www.baidu.com']{百度}-->
<a href="www.baidu.com">百度</a>
</body>
</html>
语法还有很多,可以多查一些资料,这样能提高敲代码的速度
