为什么不同浏览器的CSS3语法不同？

Question

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

     }

在border-top-left-radius使用-moz和-webkit前缀提到边界半径后,我无法理解为什么 ？不同浏览器的语法是否不同？它现在正在标准化吗？

Answer 1

是的,语法可能与实验属性不同.这完全取决于供应商决定,因为供应商前缀属性被视为专有属性而不是标准的一部分.

特别是,Mozilla称之为-moz-border-radius-topleft,而不是-moz-border-top-left-radius.您正在查看的代码是错误的(可能是盲目复制和粘贴声明的结果).

它已被标准化为border-top-left-radius.前缀属性仅用于支持旧版本的浏览器.就此而言,无前缀的属性应该是最后的,以确保浏览器的最佳/最稳定的属性实现.