CSS2

Emmet语法

Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.

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

生成HTML结构

1. 生成标签直接输入标签名按tab键即可比如 div然后tab 键，就可以生成<div></div>
2. 如果想要生成多个相同标签 加上* 就可以了比如div*3就可以快速生成3个div, 没有空格
3. 如果有父子级关系的标签，可以用>比如ul>li就可以了
4. 如果有兄弟关系的标签，用 + 就可以了比如div+p
5. 如果生成带有类名或者id名字的， 直接写 .demo 或者 #twotab 键就可以了, 默认的时候是div标签, 其他的标签需要在前面写明
6. 如果生成的div 类名是有顺序的，可以用自增符号 $, .demo$*5=>五个div, 类名是demo1,到demo5, $被数字替代, 默认从1开始
7. 如果想要在生成的标签内部写内容可以用 { } 表示, div{内容}=><div>内容</div>, 这里面可以使用$