有些新的 CSS 属性，浏览器在实施的时候可能会在属性名称的前面加上特定的前缀。在用到这样新属性的时候，加上这些特定的前缀是为了更好的兼容性。

不同的浏览器使用的前缀都不一样，比如 webkit 核心的浏览器，比如 chrome 浏览器，safari 浏览器 … 会使用一个 -webkit- 前缀 … 前后各有一个小横线 ..

-moz- 这个前缀是 mozilla 用的 … 比如 firefox 浏览器 …

微软的 ie 浏览器会使用 -ms- 这个前缀 … -o- 这个前缀是 opera 浏览器使用的前缀 …

这些前缀都有缩写形式，我们可以在属性前面指定这些前缀 … Emmet 也会自动在一些属性前面加上特定的前缀 …

比如 border-radius 这个属性 … 它果边框圆角的属性 … 它的缩写是 bdrs …

你会发现，除了标准的 border-radius …. 这个属性以外，还有一个带 -moz- 前缀的 border-radius … 还有带 -o- 前缀的 border-radius …

这些前缀是 emmet 自动给我们加上的 ..

如果你想手工指定想要的前缀 … 可以这样做 … 先输入一个小横线，然后是前缀的缩写形式 … w 表示 webkit 前缀，m 是 moz 前缀，s 是 ms 前缀 .. o 就是 o 前缀 …

比如我们只想使用 webkit 前缀 … 输入一个 w … 我们可以继续指定其它的前缀 … 最后再加上一个小横线 ..

然后是属性的缩写 　… -wmso-bdrs

这样扩展出来的样式包含所有的浏览器的前缀 …

输入属性的值 … 5px ….

这里我们可以使用快捷键，shift+command+r … 它可以把这里输入的值，自动添加到相关的属性里面 ….

修改其中的一个属性的值 … 再按一下 shift+command+r …. 可以把更新之后的值应用到其它的相关的属性里 …