我是HTML5和CSS3的新手。我只是看到一些CSS3代码,如下所示:
.box
{
border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-top-left-radius:5px;
border:1px solid #8e8e8e;
background-color:white;
height:16px;
padding:4px;
padding-left:28px;
padding-right:10px;
color:#4a4a4a;
float:left;
}
在用-moz和-webkit前缀提到
border-top-left-radius
边界半径后,我无法理解为什么?不同浏览器的语法是否不同?现在正在标准化吗? 最佳答案
是的,语法可能与实验属性有所不同。这完全由供应商决定,因为供应商前缀的属性被认为是专有的,而不是标准的一部分。
特别是,Mozilla将其称为-moz-border-radius-topleft
,而不是-moz-border-top-left-radius
。您正在查看的代码是错误的(可能是盲目复制和粘贴声明的结果)。
此后已将其标准化为border-top-left-radius
。带前缀的属性仅用于支持旧版本的浏览器。为此,unprefixed属性应排在最后,以确保浏览器最佳/最稳定地实现该属性。
关于css - 为什么CSS3语法在不同的浏览器中有所不同?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12032921/