Emmet语法

Emmet语法

提高html/css的编写速度

快速生成HTML结构语法

1. 生成标签直接输入标签名 按tab键即可 比如 div 然后tab键 ，就可以生成<div></div>
2. 生成多个相同标签 加上* 就可以了 比如div*3 就可以快速生成3个div
3. 有父子级关系的标签，可以用 > 比如 ul > li 就可以了
4. 兄弟关系的标签，用 + 就可以了 比如 div+p
5. 生成带类名或者id名字的 , 直接写 div.demo 或者 p#two tab键就可以了
6. 生成的div类名是有顺序的，可以用 自增符号 $ 如 p.demo$*5
7. 生成的标签内部写内容可以用 {} 表示 p{这是一个p标签}

快速生成Css样式

使用简写的方式可以很方便的写出样式
如： text-align: center; 可以写成 tac tab键！！！

快速格式化代码

Shift+Ctrl+F