值
比如要定义元素的宽度,只需输入w100,即可生成
1 | width: 100px; |
除了px,也可以生成其他单位,比如输入h10p+m5e,结果如下:
1 | height: 10%; |
附加属性
@f
1 | @font-face { |
@f+
1 | @font-face { |
模糊匹配
如果有些缩写你拿不准,Emmet会根据你的输入内容匹配最接近的语法,比如输入ov:h、ov-h、ovh和oh,生成的代码是相同的:
overflow: hidden;
供应商前缀
如果输入非W3C标准的CSS属性,Emmet会自动加上供应商前缀,比如输入-trs,则会生成:
1 | -webkit-transition: prop time; |
如果不希望加上所有前缀,可以使用缩写来指定,比如-wm-trf表示只加上-webkit和-moz前缀:
前缀缩写如下:
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o-
渐变
lg(left, #fff 50%, #000)
1 | background-image: -webkit-linear-gradient(left, #fff 50%, #000); |
关注 web翎云阁,定时推送,互动精彩多,若你有更好的见解,欢迎留言探讨!