html:xt自动,Emmet自动补充html和css

Emmet

自动补充 tab键

1:初始化文档

html:5 或! ：用于HTML5文档类型

html:xt：用于XHTML过渡文档类型

html:4s：用于HTML4严格文档类型

2:添加类，文本,id和属性

连续输入元素名称和ID,Emmet会自动生成为你补全。如p.bar#foo

定义HTML元素的内容和属性.输入h1{foo} 和a[href=#]会生成如下代码

html.png

3:嵌套

只要一行代码就能实现嵌套元素

用>:子元素符合,表示嵌套的元素

用+: 同级标签符合

用^:可以使该符合前的标签提升一行

qiantao.png

4:分组

可以嵌套和括号来生成一些代码块(.foo>h1)+(.bar>h2)

5:隐式标签

声明一个带类的标签，只需输入div.item，就会生成

• 中输入.item，就会生成
• 。下面是所有的隐式标签名称：

  

  yinshi.png

  6:定义多个元素

  定义多个元素:用符号。如'ul>li3'.

  7:定义多个带属性的元素

  如输入ul>li.item$3会生成如下代码 如果要指定数字开始编号,使用ul>li.item$@35.需要指定反向编号，可以使用"$@-"符号

  

  shuxings.png

  

  shuxing2s.png

  还有一些css的缩写