老师，帮忙检查一下？
来源：3-17 编程练习
郭永青
2020-03-03 17:47:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>径向渐变</title>
<style type="text/css">
div{
width:200px;height:300px;
float:left;
margin:100px 0 0 100px;
}
.div1{
background: -webkit-radial-gradient(60% 40%,closest-side circle,red,yellow,green,blue);
}
.div2{
background: -webkit-radial-gradient(60% 40%,closest-corner circle,red,yellow,green,blue);
}
.div3{
background: -webkit-radial-gradient(60% 40%,farthest-side circle,red,yellow,green,blue);
}
.div4{
background: -webkit-radial-gradient(60% 40%,farthest-corner circle,red,yellow,green,blue);
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</body>
</html>
问题：老师，一开始查看效果的时候，没有效果；想到你说的代码不规范会没有效果，检查代码后，依旧没有效果；添加兼容性-webkit之后，有效果了。我想知道，对于开发过程中来说，书写代码时，如何规范书写代码？客户的浏览器不知道，是不是每个版本的兼容性都需要写入代码中？这样会不会很麻烦，因为很多代码都需要考虑兼容性问题？有简单的办法吗？
1回答
-
好帮手慕言
2020-03-03
同学你好，效果是正确的，现在一些高版本的浏览器都是支持的，只有个别的属性还是不支持，同学只需要慢慢积累，把这些不兼容的属性归纳整理下，在日后写代码使用到了的时候，注意一下即可。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题