[id_[id_10[id_2[[][]21770]]]]

请注意！微信平台无法进行文件下载操作，因此不能直接在微信内点击打开下载链接。您必须将链接信息复制sublime text 2用法，然后切换至系统自带的浏览器进行访问。

下载得到的文件为zip格式，解压后可获取emmet.pdf文件，之后只需使用相应的工具（例如edge或wps）进行打开即可。

用法

Emmet的操作方式极其简便，只需直接输入缩写，紧接着按下一个tab键sublime text 2用法，相应的HTML和CSS代码便会自动填充完成。

使用示例

下面看一些 Emmet 的部分简写语法使用示例：

创建HTML结构，输入数字5，然后按下tab键。

2、生成 HTML 结构。

1div>(header>ul>li*2)+footer+p

效果：

3、class 带序号的 HTML 结构。

1ul>li.item-$*5>a{链接$}

效果：

4、生成 HTML 属性。

1h$[title=标题]{文本内容 $}*3

效果：

5、class 倒序。

1ul>li.item$@-*5

效果：

6、设置序号的开始位置。

1ul>li.item$@3*5

效果：

7、各种 HTML 标签简写。

1
2
3
4
5link:css
a:link
img
tarea
sect

效果：

8、CSS 属性简写。

1
2
3
4
5
6
7
8
9
10por
fz14
df
jcc
aic

poa
l0
t0
fs

效果：

写在后头

Emmet深受前端开发者喜爱，该插件显著降低了前端编码的复杂性，只需输入几个字母，便能自动生成所需的HTML和CSS代码，极大提升了开发效率。

代码片段同样可以形成多种缩写形式，然而通常情况下，较长的代码段更倾向于采用简写。在HTML和CSS领域，Emmet的使用尤为普遍。

熟练掌握各种简写语法，摸鱼的时间才会越来越多~~

如果对文章有任何疑问，欢迎评论留言讨论~~

如果觉得文章对您有帮助，欢迎关注、一键三连~~

在文章底部，点击“JS严选·目录”链接，即可阅读本系列的其他文章。

如有侵权请联系删除！