前缀

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

有些新的 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 …. 可以把更新之后的值应用到其它的相关的属性里 …

前缀《 Emmet:HTML 与 CSS 缩写 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点