html5——私有前缀

CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分，像border-radius等属性需要加私有前缀才奏效

1、-webkit-：谷歌、苹果

2、-moz-：火狐

3、-ms-：微软

4、-o-：欧朋

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box{
            width: 1100px;
            height: 200px;
            border: 1px solid #000;
            margin:100px auto;

            /* 背景渐变*/
            /*
                -webkit-： chrome  safari  谷歌(webkit内核的) 苹果
                -moz-：火狐
                -ms-:ie
                -o-:　欧朋
            */
            background: -ms-linear-gradient(left,red 0%, green 100%);
            background: -webkit-linear-gradient(left,red 0%, yellow 50%, green 100%);
            background: -moz-linear-gradient(left,red 0%, green 100%);
            background: -o-linear-gradient(left,red 0%, green 100%);
            background: linear-gradient(left,red 0%, green 100%);
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>

posted @ 2017-12-18 14:36  var_obj  阅读(1451)  评论(0)  编辑  收藏  举报