emmet语法

注意:以下内容仅用来学习

1、创建标准xhtml页面
html:xxs

2、创建标准html5页面
! 或 html:5

3、创建Id名为box的div标记
div#box

4、创建类名为box的div标记
div.box

5、同时创建两个div标记 Id为box 类名为box2
div#box+div.box2

6、创建两个div标记 Id为box 包含 类名为box
div#box>div.box
div#box>div.bo*2

7、创建Id为box的标记包含两个类名为box2的标记,同时创建2个div并且给它包含2个类名 aa bb,它里面有两个类名为box的div。
div.aa.bb2>div.box22

8、同时创建2个div并且给它2个类名 aa bb,它里面包含box2、box3两个div标记。
div.aa.bb*2>div.box2+div.box3

9、创建5个div类名为box、内容为1~5
div.box{$}5

10、创建5个div类名为box1-5
div.box$*5

11、创建1个div类名为box,内容为’Hellow world!’
div.box{Hellow world!}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Emmet语法 注意:Emmet语法是为了帮助快速写出复杂的html css代码 一,官网连接 1.1 具体内容链...
    莘栀阅读 535评论 0 2
  • 1.生成标签:直接输入标签名按tab键即可, 比如div 然后tab就可生成 2.如果想要生成多个相同标签 标签名...
    冬日的太阳_c107阅读 1,619评论 0 0
  • et Emmet是一款可以提高前端代码书写效率的插件,可以不需要一行行的写html标签等,只需要写一行就可以生成完...
    梧桐芊雨阅读 206评论 0 0
  • Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择...
    我是奋斗哥阅读 13,776评论 0 34
  • 如果可以让我爱你 我会躲在你的身后 默默地关注你 给你时光中最温情的暖意 如果可以让我爱你 我会翻开你的历史画卷 ...
    A小天鹅阅读 175评论 0 2