我刚从这个网站下载了一个css文件,其中包含-webkit-transform
和-moz-transform
等属性。破折号代表什么意思,在什么情况下需要使用它?
就细节而言,“厂商前缀”这个短语是指破折号还是破折号之间的内容(不包括破折号本身),或者是破折号及其之间的内容(包括破折号本身)?
换句话说,厂商前缀是指破折号本身还是只包括破折号之间的内容或者是破折号与之间的内容?
我刚从这个网站下载了一个css文件,其中包含-webkit-transform
和-moz-transform
等属性。破折号代表什么意思,在什么情况下需要使用它?
就细节而言,“厂商前缀”这个短语是指破折号还是破折号之间的内容(不包括破折号本身),或者是破折号及其之间的内容(包括破折号本身)?
换句话说,厂商前缀是指破折号本身还是只包括破折号之间的内容或者是破折号与之间的内容?
-webkit-
和 -moz-
被称为浏览器前缀;它们通常表示 CSS 的浏览器特定功能,或者是正在开发/草案阶段的功能,还不能被视为标准。当这些功能被“提前使用”时,有时唯一使其在每个浏览器中工作的方法是为每个浏览器提供具有不同前缀的不同规则 - 这就是您在项目中看到的内容。这个想法是最终,这个功能将被标准化,浏览器将删除前缀,生活将继续。
例如,-webkit-gradient
是定义 CSS 渐变的第一种方式,但已被完全不同的 linear-gradient
和 radial-gradient
语法所取代。
如果您要在确定的标准或全局无前缀浏览器支持之前使用某个功能,则了解哪些浏览器支持该功能以及您需要哪些前缀的便捷方法是 Can I Use…。
一些常见的前缀包括:
-webkit-
适用于基于 WebKit 的浏览器,包括 Chrome/Chromium 和 Safari-moz-
适用于 Firefox-ms-
适用于 Internet Explorer(9 及以上版本)-o-
适用于 Opera(WebKit之前的版本)