1.HTML-初始化HTML

HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键:

2.HTML-添加类、id、文本和属性

连续输入元素名称和ID,Emmet会自动为你补全,比如输入p#foo:

连续输入类和id,比如p.bar#foo,会自动生成:

<p class="bar" id="foo">

看看如何定义HTML元素的内容和属性。你可以通过输入h1{foo}和a[href=#],就可以自动生成如下代码:

3.CSS-值

比如要定义元素的宽度,只需输入w100,即可生成

width: 100px;

除了px,也可以生成其他单位,比如输入h10p+m5e,结果如下:

height: 10%;

margin: 5em;

单位别名列表:

  • p 表示%
  • e 表示 em
  • x 表示 ex