前端——CSS（二）

1. Emmet语法
Emmet语法的前身是Zen coding，它使用缩写，来提高html/css的编写速度，VsCode内部已经集成该语法。
1.1 快速生成HTML结构语法
1）生成标签直接输入标签名，按tab键即可，比如div，然后tab键
2）如果想要生成多个相同标签，加上就可以了，比如，div3，就可以快速生成三个div标签。
3）如果有父子级关系的标签，可以用>，比如ul>li，就可以了。
4）如果有兄弟关系的标签，用+就可以了，比如div+p
5）如果生成带有类名或者id名字的标签，直接写.demo或者#two，按tab键即可，VScode默认为div，如需要其他标签，比如p.demo即可。
6）如果生成的div类名是有顺序的，可以使用自增符号$。
7）如果想要在生成的标签内部写内容，可以用{}
1.2 快速生成CSS样式与法
CSS基本采取简写形式即可
1）比如w200，按tab键可以生成width:200px;
2）比如lh28，按tab键可以生成line-height:28px;
1.3 快速格式化代码
VsCode快速格式化代码：shift+alt+f或者右键格式化代码
也可以设置当我们保存页面的时候自动格式化代码：
1）文件→首选项→设置