Emmet是一个快捷编写html元素、css样式的插件，很多主流IDE都自带得有。
没有的话，可以自己给IDE装上该插件。
输入命令后，按Tab执行。
html
! 生成html文档基本骨架
link:css 生成引入css的<link />
link:favicon 生成设置网页图标的<link />。设置的是页面在浏览器标签页显示的图标，图标是.ico文件，也可以是其它图片文件
script:src 生成引入js脚本的<script>
元素直接输入元素名即可，示例：
script
p
div
>是嵌套子元素：ul>li，ul>li>a
+是兄弟元素：h3+p，h3+p+div
可以搭配使用：div>h3+p
未指定数量时，默认为1，可以用*指定数量：
ul>li*5
table>tr*3>td*5 每个<tr>中都有5个<td>
不确定关系时可以加()
#设置id属性：
div#app
.设置class属性：
p.red
p.red.show class属性可同时设置多个值，即class="red show"
搭配使用：
div#app.red
div#app>p.red.show
[ ]设置普通属性：
input[name placeholder]
input[name=username placeholder=请输入用户名] 可以设置属性值，值引不引都行
{ }设置标签体内容：
p{ok}
ul>li{hello}*5
$自然数递增：
ul>li.item$*5 class="item1"，1~5依次递增，$相当于一个占位符，会自动替换$部分
ul>li.item$$*5 class="item01"....一个$是1位数，几个$就是几位数
ul>li.item$@3*5 加个@可以指定起始数字，从3开始
ul>li.item$@-*5 加@-是倒序，class="item5".....
ul>li.item$@-3*5 倒序，最后一个是3
ul>li{列表项$}*5
css
margin：
m30 margin:30px，m是margin，后面是值，不带单位默认px
m1.5em
m20%
m20-30-20-15 margin:20px 30px 20px 15px，设置多个值时短横分隔
mt20 margin-top:20px
padding的用法类似
很多属性名都可以简写，比如bg是backgroud，bgc是backgroud-color，posi是position......
值的话像margin、padding这种属性名是字符串、属性值以数字开头的能区分开，如果属性名、值都是字符串，一般都识别不了。