码迷,mamicode.com
首页 > 其他好文 > 详细

0012 sublime快捷操作emmet语法

时间:2019-12-31 18:43:40      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:代理   ima   value   ref   blog   使用   ESS   查询条件   process   

Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度。

  1. 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成

  2. 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div

  3. 如果有父子级关系的标签,可以用 > 比如 ul > li就可以了

  4. 如果有兄弟关系的标签,用 + 就可以了 比如 div+p

  5. 如果生成带有类名或者id名字的, 直接写 .demo 或者 #two tab 键就可以了。demo:p.haha 生成

  6. 如果生成的div 类名是有顺序的, 可以用 自增符号 $

    .demo$*3        
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>

5. 综合案例

技术图片

<!DOCTYPE html>



综合案例-体育页面