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键