0012 sublime快捷操作emmet语法

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. 综合案例

在这里插入图片描述

综合案例-体育页面
原文地址:https://www.cnblogs.com/jianjie/p/12125656.html