我是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/

10-12 07:35
查看更多