HTML前端开发技巧之Emmet语法
Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。
Emmet语法
1.生成标签直接输入标签名按tab键即可比如div然后tab键 ,就可以生成<div> </div>
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键
查看20道真题和解析