Emmet语法

2021-04-30  本文已影响0人  零00_

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

ps~本人使用的vscode编辑器

Emmet语法:

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

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

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

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

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读