css如何设置兼容性 |html5 css3app

/* 设置元素默认样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 兼容不同浏览器的 CSS 属性前缀 */
div {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* 兼容不同浏览器的 CSS3 属性 */
div {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* 兼容不同浏览器的渐变效果 */
div {
background-color: #f7f7f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
background-image: linear-gradient(to bottom, #f7f7f7, #ebebeb);
}

通过以上代码，大家可以设置元素的默认样式，同时针对不同浏览器的特性进行兼容性设置。

需要注意的是，在网站开发过程中，大家需要在不同浏览器上进行测试，以确保网站能够在不同浏览器上正确显示。