Emmet插件使用

绝大部分的编辑器都内置了Emmet插件，帮助我们提高HTML、CSS编写速度

快速生成HTML结构语法

1、生成标签： 直接输入标签名 按tab键即可

2、如果想生成多个相同标签 加上*就可以了 div*3

3、如果有父子级关系的标签，可以用> 比如 ul>li 就可以了

4、如果有兄弟关系的标签，用 + 就可以 如div+p

5、如果生成带有类名或者id名字的 直接写 .demo或者 #two tab键就好了

6、如果是生成的div类名是有顺序的，可以用自增符号$，例如 ul>li.item-$*5

7、如果想生成的标签内部写内容可以用{}表示

快速生成css样式

​ 采取简写

1、如w200 按tab键生成 width:200px;

2、如lh26 按tab键生成 line-height: 26px;