CSS（七）：Emmet语法

Emmet语法的前身是Zen coding，它使用缩写，来提高html/css的编写速度。
几种常用的编辑器（PyCharm，VSCode，HBuilderX...）都已集成了Emmet语法

快速生成HTML结构语法

• 生成标签直接输入标签名按tab健即可。比如：div 然后tab键，就可以生成<div> </div>
• 如果想要生成多个相同标签，加上 ***** 就可以了。比如：div*3就可以快速生成3个div
• 如果有父子级关系的标签，可以用 > 。比如： ul>li 就可以了
• 如果有兄弟关系的标签，用 + 就可以了。比如：div+p
• 如果生成带有类名或者id名字的，直接写 .demo或者#two tab健就可以了
• 如果生成的div类名是有顺序的，可以用自增符号$
• 如果想要在生成的标签内部写内容可以用 {} 表示

快速生成CSS样式语法

CSS基本采取简写形式即可：

1. 比如w200按tab可以生成width: 200px
2. 比如1h26按tab可以生成line-height: 26px;