WebStorm写css中的部分快捷方式

最新推荐文章于 2023-05-11 08:57:31 发布

原创最新推荐文章于 2023-05-11 08:57:31 发布 · 810 阅读

CC 4.0 BY-SA版权

本文介绍了一种提高前端开发效率的利器——Emmet。通过使用Emmet，开发者可以在编写HTML和CSS时，利用简短的语法快速生成复杂的代码结构。文章详细解释了Emmet的基本用法，包括如何创建单个或多个标签、生成带有特定类名或ID的元素、以及构建嵌套结构等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、写标签可以用标签名加tab键自动生产标签，如：span+tab

2、写多个标签的时候可以标签名字*数量+tab键，如：div*10+tab

3、父子标签的情况，可以如下写：lu>li*5+tab键

4、.类名+tab会自动生成一个div，并且class是类名的标签（body中才有效）。

5、#id名+tab会自动生成一个div，并且id是该id名的标签