隱式標簽名稱:

• li：用於ul和ol中
• tr：用於table、tbody、thead和tfoot中
• td：用於tr中
• option：用於select和optgroup中

6 .分組
通過()進行分組，快速生成代碼

使用emmet快速生成CSS代碼

1 .值
單位別名：

• p ：%
• e ：em
• x:ex

2 .模糊匹配
有些縮寫不太確定的時候，emmet會根據你的輸入內容匹配最接近的語法，比如輸入ov:h、ov-h、ovh和oh，生成的代碼是相同的：

overflow: hidden; 

• 1

• 1

emmet常用縮寫

只列舉一部分，其他的可以對比。
1. HTML

• a

<a href=""></a>

• 1

• 1

• link

<link rel="stylesheet" href="" />

• 1

• 1

• meta:utf

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"  />

• 1

• 1

• script:src

<script src=""></script>

• 1

• 1

• form:post

<form action="" method="post"></form>

• 1

• 1

• inp

<input type="text" name="" id="" />

• 1

• 1

• input:h

<input type="hidden" name="" />

• 1

• 1

• input:p

<input type="password" name="" id="" />

• 1

• 1

• select

<select name="" id=""></select>

• 1

• 1

• select+

<select name="" id="">
    <option value=""></option> 
</select>

• 1
• 2
• 3

• 1
• 2
• 3

• opt

<option value=""></option>

• 1

• 1

• tarea

<textarea name="" id="" cols="30" rows="10"></textarea>

• 1

• 1

• btn:s

<button type="submit"></button>

• 1

• 1

2. CSS

• pos:a

position:absolute;

• 1

• 1

• t

top:;

• 1

• 1

• r

right:;

• 1

• 1

• fl

float:left;

• 1

• 1

• d:n

display:none;

• 1

• 1

• ov:h

overflow:hidden;

• 1

• 1

• cur:p

cursor:pointer;

• 1

• 1

• mb

margin-bottom:;

• 1

• 1

• pl

padding-left:;

• 1

• 1

• miw

min-width:;

• 1

• 1

• ta:c

text-align:center;

• 1

• 1

• bg

background:#000;

• 1
• 2

• 1
• 2

• bg+
  background:#fff url() 0 0 no-repeat;
• bgc

background-color:#fff;

• 1

• 1

• bd+
  border:1px solid #000;
• ac:c
  align-content:center;

ATOM基礎教程一使用前端插件emmet(16)