09-Emmet语法

Emmet语法

Emmet语法前身是 Zen coding，它使用缩写，来提高HTML/CSS的编写速度。

1. 快速生成HTML结构语法
2. 快速生成CSS样式语法

快速生成HTML结构语法

1. 生成标签：直接输入标签名，按tab键即可。比如 div 然后按tab键，就可以生成 <div></div>。
2. 如果想要生成多个相同的标签，加上 * 就可以了。比如：div*3 就可以快速生成3个<div></div>。
3. 如果有父子关系的标签，可以用 >，比如： ul>li。
4. 如果有兄弟关系的标签，可以用 +，比如： div+p。
5. 如果生成带有类型或id名字的标签，可以直接写 .demo或者#demo然后按tab键就可以了。比如：div.demo，或者div#demo。
6. 如果生成的div类名是有顺序的，可以用自增符号$，比如：div.demo$*5。

快速生成CSS样式语法

CSS采取简写形式即可。

• 比如 w200px 按 tab，可以生成 width: 200px;
• 比如 lh26px 按 tab，可以生成 line-height: 26px;