EMMET使用技巧

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EMMET使用技巧相关的知识,希望对你有一定的参考价值。

1.使用tab键生成标签;

2.使用+创建兄弟元素,使用>创建子元素,使用+号还可以创建元素基本结构;

3.使用*号后面跟数字可以重复创建相同元素;

4.使用^返回上一级元素;

5.使用()进行独立单元处理;

6.使用#id .class创建id和class属性;

7.使用[name=value name=value]操作属性节点;

8.使用$生成序号  [email protected]数字可以指定起始数字  [email protected]数字可以实现序号递减;

9.使用{}向元素内插入内容。

以上是关于EMMET使用技巧的主要内容,如果未能解决你的问题,请参考以下文章

Emmet使用方法

40.使用Emmet插件

emmet的使用

VScode 使用emmet

Atom - Emmet插件的使用详解(HTML/CSS代码自动补全)

前端的插件Emmet语法使用教程