美文网首页
Emmet语法

Emmet语法

作者: 零00_ | 来源:发表于2021-04-30 10:12 被阅读0次

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

    相关文章

      网友评论

          本文标题:Emmet语法

          本文链接:https://www.haomeiwen.com/subject/wnbzlltx.html