HTML前端开发技巧之Emmet语法

Emmet是一款插件，只要能安装他的编辑器都能使用，大部分编辑器都可以使用该语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。

Emmet语法

1.生成标签直接输入标签名按tab键即可比如div然后tab键 ,就可以生成

2.如果想要生成多个相同际签加上*就可以了比如div*3 就可以快速生成3个div

3.如果有父子级关系的标签,可以用>，比如ul> li 再tab键就可以了

4.如果有兄弟关系的标签，用+就可以了比如div+p，在tab键就可以了

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

6.如果生成的div类名是有顺序的。可以用自增符号$

7.如果是CSS样式，可以首字母拼接，例如text-decoration: none;只需tdn再tab键