CSS樣式是網頁開發中不可或缺的一部分，其能夠美化網頁、提高用戶體驗，使網頁更加生動、吸引人眼球。而正確的編寫方式和技巧，也是開發人員需要掌握的。

.example {
background-color: #ccc;
color: #333;
width: 200px;
height: 200px;
}

但是，由于不同瀏覽器對CSS樣式的支持度不同，所以在編寫CSS樣式時，需要兼容不同的瀏覽器。下面我們來介紹一些常用的兼容寫法。

.example {
background-color: #ccc; /* 兼容IE6以下版本 */
*background-color: #fff; /* 僅IE6識別 */
_background-color: #f00; /* 僅IE6,IE7識別 */
+background-color: #00f; /* 僅IE7識別 */
border-radius: 5px; /* 兼容IE9以下版本 */
-webkit-border-radius: 5px; /* 兼容Webkit內核瀏覽器 */
-moz-border-radius: 5px; /* 兼容Firefox瀏覽器 */
box-shadow: 2px 2px 5px #ccc; /* 兼容IE9以下版本 */
-webkit-box-shadow: 2px 2px 5px #ccc; /* 兼容Webkit內核瀏覽器 */
-moz-box-shadow: 2px 2px 5px #ccc; /* 兼容Firefox瀏覽器 */
}

以上是常用的CSS兼容寫法，但是在寫樣式時，還需要注意一些細節問題，如避免使用CSS表達式，避免使用@import導入樣式等等。只有編寫出兼容性良好的CSS樣式，網頁才能夠在不同的瀏覽器中呈現出一致的效果。