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-18 16:08
福州大学 Java
影流之主:干10年不被裁,我就能拿别人一年的钱了,日子有盼头了
点赞 评论 收藏
分享
12-03 18:53
海南大学 Java
华为 Java开发 25K*16
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务