0012 sublime快捷操作emmet语法

Posted jianjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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. 综合案例

技术图片

<!DOCTYPE html>



综合案例-体育页面

以上是关于0012 sublime快捷操作emmet语法的主要内容,如果未能解决你的问题,请参考以下文章

sublime text 插件emmet快捷命令

sublime插件emmet的配置使用及快捷键Ctrl+E修改成Tab键操作

Sublime Text 3 - HTML 5 的 Emmet 快捷方式不起作用。

Sublime text3 015 emmet 快捷输入

sublime text3 emmet 插件 安装方法,,快捷键

sublime text3 emmet 插件 安装方法,快捷键