CSS深入基础篇---Emmet语法(1)

Emmet语法的前身是 Zen coding 它使用缩写,来提高html.css的编写速度,Vscode内部已经集成改语法  说白了就是用来简写

一: 快速生成HTML结构的语法

1.如果想要生成多个相同的标签,加上 * 就可以了 比如 div*3 就会生成 3个 div

2.如果有父子级的标签,可以用 > 比如 ul>li 就同时生成 ul 和 li

3.如果是兄弟关系的标签, 用 + 就可以了 比如 div+p

 

4.如果生成带有类名或者id名字的, 直接写例如 .demo 或者 #two  

 

二.在CSS中也适用