第一类：快速输入标签
1、按！ tab 生成最外层框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>2、按div tab 直接生成一对div其他标签的快速生成也是如此
<div>输入div,按下tab</div>3.如果你想生成多个相同的标签，加上*号便可，如div*3 tab键
<div></div> <div></div> <div></div>4.如果有父子关系，可以使用> ,如ul>li tab键
<ul> <li></li> </ul>5.如果有兄弟关系的标签，请使用 号和tab键，如div p tab
<div></div> <p></p>第二类:快速输入带选择器标签的标签
6.如果生成带有类名或类名的产品id直接写名字的标签.one 或者#two 再加tab键就行(此时默认再次div标签下）
<div class="one"></div> <div id="two"></div>7.针对上一个 ，如果不想用div的可以换 如p.one tab键、如ul>li#two tab键
<ul> <li id="two"></li> </ul>8.如果生成的类名有序，请使用.one$*6 tab键,如p.two$*3 tab,其中$自增符号(一般从1开始自增)
<div class="one1"></div> <div class="one2"></div> <div class="one3"></div> <div class="one4"></div> <div class="one5"></div> <div class="one6"></div> <p class="two1"></p> <p class="two2"></p> <p class="two3"></p>9.如果你想在生成的标签内写内容，可以用{}来表示div{文字1} tab键,div{文字2}*5 tab键，如div{文字3$}*5 tab键
<div>文字1</div> <div>文字2</div> <div>文字2</div> <div>文字2</div> <div>文字2</div> <div>文字2</div> <div>文字31</div> <div>文字32</div> <div>文字33</div> <div>文字34</div> <div>文字35</div> </body>第三类：快速输入风格
一般来说，输入样式时输入首字母 回车会自动补充这种风格，比如w500px enter(即width:500px;)，如tac(即text-align:center;)
<style> p{ width: 500px; } </style>
总结:
在将来编写代码时，学会使用快速输入可以省时省力！