HTML快速生成代码的语法(Emmet)

2021-04-20 16:29

阅读:379

标签:abs   元素   class   添加   auto   smart   title   实现   文本   

所有的操作都是按下tab键即可瞬间完成。

1.属性操作

用.来生成,后面就是类名

div.aaa

按tab后结果如下:

同样的是,id话用#来代替.

div#aaa

按tab

其他属性用[]

div[title=‘hello‘ colspan=3]

结果

用$来实现编号,实际上就是个占位符

li.aaa$*3

结果


  • 用@n来修改起始值

    li.aaa$@3*3

    结果,3可以用-3这样就会变成-5,-4,-3

    
    
  • {}可以添加文本,不过这个不实用

    2.嵌套使用

    >生成子元素

    div>ul>li

    结果

    其他的有,+生成兄弟元素,“^”生成父元素,”*n“生成多个相同元素,”()”将元素分组

    HTML快速生成代码的语法(Emmet)

    标签:abs   元素   class   添加   auto   smart   title   实现   文本   

    原文地址:https://www.cnblogs.com/haoqirui/p/12257215.html


  • 评论


    亲,登录后才可以留言!