您当前的位置: 首页 >  html

IT之一小佬

暂无认证

  • 2浏览

    0关注

    1192博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Emmet语法(快速生成HTML结构语法、快速生成CSS样式语法)

IT之一小佬 发布时间:2022-01-11 13:24:31 ,浏览量:2

1. 快速生成HTML结构语法
  1. 生成标签直接输入标签名按tab键即可    比如div然后tab键,就可以生成
  2. 如果想要生成多个相同标签加上*就可以了    比如div*3就可以快速生成3个div3.
  3. 如果有父子级关系的标签,可以用>     比如ul > li就可以了
  4. 如果有兄弟关系的标签,可以用+     比如div+p
  5. 如果生成带有类名或者id名字的,直接写.demo或者#two tab键就可以了  
  6. 如果生成的div类名是有顺序的,可以用自增符号$  比如div.demo$*3
  7. 如果想要在生成的标签内部写内容可以用{}表示   div{hello}

注意:按住!生成html框架时,感叹号应该为英文状态下。 示例代码:




    
    
    Document


    

hello
2. 快速生成CSS样式语法
  1. 比如w200按tab 可以生成 width: 200px;2.
  2. 比如lh26按tab 可以生成line-height:26px;

示例代码:




    
    
    Document
    
        p {
            width: 200px;
            line-height: 26;
        }
    


    

3. 格式化文档

关注
打赏
1665675218
查看更多评论
立即登录/注册

微信扫码登录

0.0494s