Emmet in html/css 语法总结-前端必知必会快捷键
Emmet语法生成HTML标签
- 空白文档输入“!(英文)+table键”即可生成HTML骨架
示例(必须是英文输入)
- 直接打标签名,按下table键自动生成<>
- 如果想要生成多个标签名,则可直接标签名数字。例如:div3可生成三个div。
- 想生成父子关系标签,可使用>, 例如:ul>li
- 如果想生成兄弟标签,可使用+, 例如:div+p
- 如果想生成带类名或带ID名的,直接写.demo和#two +table键即可
- 如果想生成的div名是有顺序的,使用自增符号$.
- 想要在生成的标签里面自带内容,可以使用{}。例如:div{…}+table
Emmet 快速生成css语句
- css基本上采取简写的方法
例如:
w200+table 生成 width:200px;
h200+table 生成 height:200px;
lh26+table 生成 line-height:26px;