Emmet语法

使用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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、前言 Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于...
    长情G阅读 1,399评论 0 2
  • Emmet语法的前身是Zen coding,它使用缩写来提高HTML/CSS的编写速度,Vscode内部已经集成该...
    社会主义顶梁鹿阅读 279评论 0 0
  • Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择...
    我是奋斗哥阅读 13,893评论 0 34
  • 它使用缩写,来提高html/css的编写速度。 快速生成HTML结构语法 1.生成标签直接输入标签名按下tab键即...
    DikG_6624阅读 96评论 0 0
  • 1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode...
    Jane_xxxxxy阅读 351评论 0 0

友情链接更多精彩内容