HTML前端开发技巧之Emmet语法

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

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键

全部评论

相关推荐

11-09 12:17
清华大学 C++
out11Man:小丑罢了,不用理会
点赞 评论 收藏
分享
我已成为0offer的糕手:别惯着,胆子都是练出来的,这里认怂了,那以后被裁应届被拖工资还敢抗争?
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务