CSS Emmet语法

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

一、快速生成HTML结构语法

1、生成标签,直接输入标签名按TAB键即可

2、如果要生成多个相同标签,标签名*数量即可 比如div*3就是三个<div></div>

3、如果有父子关系的标签,父>子即可,比如ul>li就可以了

4、如果有兄弟关系的标签,兄+兄即可,比如div+p

5、如果生成带有类名或者带有id名字的,直接写标签名+.demo或者#two 按tab键就可以了

6、如果生成的div类名是有顺序的,可以用自增符号$,例如.demo$*3 就会生成三个类名自增的div

7、如果想要在生成的标签内部写内容可以用{}表示,比如div{文字内容}

二、快速生成CSS样式语法

例如 widnth:100px      只需要输入 w100即可生成,首字母简写

三、快速格式化代码(对齐代码)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容