麻烦老师解答一下！

来源：3-25 编程练习

丹叔

2020-12-28 15:22:28

# 具体遇到的问题
老师，webkit内核浏览器使用角度规则与标准不同，为什么我这里把-webkit-linear-gradient里面的参数值按标准的角度去写，在webkit内核浏览器还可以正常显示呢？不会出错吗？

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>渐变综合应用</title>
    <style type="text/css">
        div{
            width: 400px;
            height: 400px;
            background-color:yellow;
            background-size: 100px 100px;

            background-image:-webkit-linear-gradient(45deg, purple 25%,transparent 25%),
                             -webkit-linear-gradient(-45deg, purple 25%,transparent 25%),
                             -webkit-linear-gradient(45deg, transparent 75%,purple 75%),
                             -webkit-linear-gradient(-45deg, transparent 75%,purple 75%);

            background-image:-moz-linear-gradient(45deg, purple 25%,transparent 25%),
                             -moz-linear-gradient(-45deg, purple 25%,transparent 25%),
                             -moz-linear-gradient(45deg, transparent 75%,purple 75%),
                             -moz-linear-gradient(-45deg, transparent 75%,purple 75%);

            background-image:-o-linear-gradient(45deg, purple 25%,transparent 25%),
                             -o-linear-gradient(-45deg, purple 25%,transparent 25%),
                             -o-linear-gradient(45deg, transparent 75%,purple 75%),
                             -o-linear-gradient(-45deg, transparent 75%,purple 75%);

            background-image:linear-gradient(45deg, purple 25%,transparent 25%),
                             linear-gradient(-45deg, purple 25%,transparent 25%),
                             linear-gradient(45deg, transparent 75%,purple 75%),
                             linear-gradient(-45deg, transparent 75%,purple 75%);
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>