CSS是網(wǎng)頁(yè)美化中最為重要的語(yǔ)言之一，但不同瀏覽器在解析CSS時(shí)可能會(huì)存在兼容性問題。為了解決這個(gè)問題，CSS3中新增加了許多新特性，同時(shí)也提供了一些自動(dòng)加兼容性的方法。

下面是一些常用的自動(dòng)兼容性的CSS屬性：

/* CSS3 gradients */
background: linear-gradient(red, yellow);
background: -webkit-linear-gradient(red, yellow); /* Safari 5.1-6 */
background: -moz-linear-gradient(red, yellow); /* Firefox 3.6-15 */
background: -o-linear-gradient(red, yellow); /* Opera 11.1-12 */
background: -ms-linear-gradient(red, yellow); /* IE 10+ */
/* CSS3 box-sizing */
box-sizing: border-box;
-webkit-box-sizing: border-box; /* Safari */
-moz-box-sizing: border-box; /* Firefox */
-ms-box-sizing: border-box; /* Internet Explorer */
-o-box-sizing: border-box; /* Opera */
/* CSS3 transform */
transform: rotate(30deg);
-webkit-transform: rotate(30deg); /* Safari and Chrome */
-moz-transform: rotate(30deg); /* Firefox */
-ms-transform: rotate(30deg); /* IE 9 */
-o-transform: rotate(30deg); /* Opera */
/* CSS3 transition */
transition: width 2s;
-webkit-transition: width 2s; /* Safari */
-moz-transition: width 2s; /* Firefox */
-ms-transition: width 2s; /* IE 10 */
-o-transition: width 2s; /* Opera */

除了以上常用的CSS屬性，還有一些工具可幫助自動(dòng)加兼容性，例如Autoprefixer和caniuse。其中Autoprefixer是一個(gè)PostCSS插件，可以自動(dòng)為CSS3增加相應(yīng)的前綴，而caniuse則可以幫助你查看某個(gè)CSS3特性在各種瀏覽器中的兼容性情況。

總之，在開發(fā)網(wǎng)頁(yè)時(shí)，兼容性問題是我們不能忽視的。只有熟練掌握自動(dòng)加兼容性的方法，才能讓我們的網(wǎng)頁(yè)在不同瀏覽器中呈現(xiàn)出更加統(tǒng)一美好的效果。