04 css Emmet语法

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

• 快速生成HTML结构语法
• 快速生成CSS样式语法

快速生成HTML结构语法

1. 生成标签,直接输入标签名 按tab键即可, 比如div 然后tab键,就可以生成<div></div>
2. 生成多个相同标签, 加上*数字即可
3. 生成有父子级关系的标签, 用> 比如 ul>li
4. 生成有兄弟关系的标签, 用+ 比如div+p
5. 生成带有类名或者id名字的, 直接写.demo或者#two, 再按tab键即可
6. 生成div类名是由顺序的, 用自增符号$, 例如.demo$*5
7. 在生成的标签内部写内容, 用{}, 例如div{aaa}

快速生成CSS样式语法

1. w100 宽度