对于 CSS 语法,Emmet 为属性提供了许多预定义的代码段。
添加属性
您可以使用缩写来生成 CSS 属性。如 m
会生成 margin: ;
,同时光标会自动置于值处。
同时添加属性与值值
您可以将值直接输入缩写的后面,如果有多个值,您需要用 -
将它们分开,多余的 -
将会被理解为负值。
案例
m10
:margin: 10px;
m10-20
:margin: 10px 20px;
m-10--20
:margin: -10px -20px;
对于 CSS 语法,Emmet 为属性提供了许多预定义的代码段。
您可以使用缩写来生成 CSS 属性。如 m
会生成 margin: ;
,同时光标会自动置于值处。
您可以将值直接输入缩写的后面,如果有多个值,您需要用 -
将它们分开,多余的 -
将会被理解为负值。
案例
m10
: margin: 10px;
m10-20
: margin: 10px 20px;
m-10--20
: margin: -10px -20px;
创建文档
输入: !
或者 html:5
将创建 HTML 基本结构。
使用 >
生成子元素
div>ul>li
:
<div>
<ul>
<li></li>
</ul>
</div>
简介
所有操作按下 “tab” 键即可瞬间完成
Emmet 是一个快速创建 HTML 和 CSS 的方式,如果您想要成为一个高级 Web 开发者,为了工作效率,您应该掌握 Emmet 语法。