登录
原创

Emmet语法

发布于 2021-04-15 阅读 204
  • 前端
原创

使用Emmet语法可快速生成html框架和标签,以及css代码

ps~本人使用的vscode编辑器

Emmet语法:

1.快速生成HTML框架使用:! 然后按Tab键

2.快速生成多个相同标签使用:标签名 * 数量 然后按Tab键

3.快速生成多个带内容的标签使用:标签名 {内容} * 数量 然后按Tab键

4.快速生成多个数字使用:$ * 数量 然后按Tab键

5.快速生成带class属性/id属性的div使用:.属性值 * 数量/#属性值 * 数量 然后按Tab键

6.元素下面包含元素使用:父元素>子元素 然后按Tab键

7.元素下面并列元素使用:兄弟元素+兄弟元素 然后按Tab键

注意:编辑时标签和符号之间是没有空格的,我是为了方便观看,所以在此编写时加上了空格</storng>

评论区

零00
7粉丝

时光荏苒,我自清欢

0

0

0

举报