Emmet语法, 查阅文档

Emmet语法（了解）

p#p01生成的是一个

快速生成html语法骨架：英文!,tab键

快速生成多个相同标签：tr*5

父子集关系标签（>）：ul>li

兄弟关系(+)：div+p（快速生成div标签和p标签）

如果生成带有类名或者id名： .sex

<div class="sex"></div>

$:自增符号例如“.demo$*5”

<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>

生成的标签里默认显示文字：div{内容}

<div>内容</div>

快速生成css样式：所有样式属性单词的首字母。

如：tdn

 text-decoration: none;

格式化文档

第一种：快捷键：shift+alt+f

第二种：设置-搜索emmet.include-在settings.json用户中添加以下语句：

,"editor.formatOnType": true,
 "editor.formatOnSave": true

查阅文档

百度：http://www.baidu.com

W3C:http://www.w3school.com.cn

MDN:https://developer.mozilla.org/zh-CN