想要使用emment语法,得先确定自己的编辑器是否支持emment
Emmet语法
快速生成HTML代码语法:
- 生成标签直接输入标签名,按tab键即可 比如 div 然后按tab键.
- 如果想要生成多个相同的标签,加上 * 就可以了 例如:div*3.
- 如果想加入子级标签,可以用 > 比如 ul > li 就可以了.
- 如果有兄弟关系的标签,用+ 就可以了 比如 div+p.
- 如果生成带u有类名或者id名字的,直接用.或者# + 类名就好了 例如 a.kano.
- 如果生成的div类名是有顺序的,可以用自增符号$(一般配合第七点使用).
- 如果想要在生成的标签内部写内容,可以用{}来表示、例如 div{我是内容}.
快速生成CSS代码语法:
CSS语法基本为简写 例如 width:100px; 的写法是 w100.
又如 background-image: 可以直接缩写为bgi回车即可.