sublime text 3 快捷键 - 快速创建多个标签

需要安装好emmet包

1, div*5按tab. 创建多个空的div. 


2, div#id$*5按tab, 创建多个带id的div.


3, div.item*5按tab, 创建多个带class的div,class的名称是item.


4,div#id$.item*5按tab, 创建多个带id, 带classs的div.


扩展知识1:

Emmet 默认的标签为 div ,如果我们不给出标签名称的话,默认就生成 div 标签。

#item,按tab,机会默认生成一个 id为item的div标签.

.item,按tab,默认是会生成一个类名为item的div标签


所以输入 #item.classname,就会默认生成自带id和classname的div标签.


既然默认为div,如果指定标签呢? 比如span.item




snames











              扩展知识2:  生成后代:>

              
              

              扩展知识3, 生成生成兄弟:+

              
              

              扩展知识4, 生成上级元素:^

              
              

              扩展5, 生成网站结构.

              
              

              div>(

               

              功能真的很强大.

              
              
              (

              带属性.

              
              
              
              
              
              
              
              
              DivName1
              • LiItemTodo1
              • LiItemTodo2
              • LiItemTodo1
              • LiItemTodo2
              DivName2
              • LiItemTodo1
              • LiItemTodo2
              • LiItemTodo1
              • LiItemTodo2
              DivName3
              • LiItemTodo1
              • LiItemTodo2
              • LiItemTodo1
              • LiItemTodo2

               

              你可能感兴趣的:(Html&CSS)