作為前端開發中最核心的技術之一，CSS的屬性寫法兼容也是我們必須要掌握的技能之一。當我們面對不同的瀏覽器，尤其是舊版本的瀏覽器，經常會出現一些CSS樣式渲染不一致的問題，這時候我們就需要使用一些兼容性的CSS屬性寫法，以確保頁面的樣式能夠在各種瀏覽器上得到良好的展現。

// 單位使用em
p {
font-size: 14px;
line-height: 1.5em; /* 24px */
padding: 0.5em 2em;
}
// 添加瀏覽器前綴
p {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
// 漸變顏色
background: #d9e3f3; /* Fallback */
background: linear-gradient(to bottom, #d9e3f3, #cfd8f6, #aabce0, #516eac, #374b6d); /* Standard */

其中，使用em作為單位，可以在不同的瀏覽器中得到更加一致的展現。有些瀏覽器可能對于其他的單位（如pt、px等）的渲染存在一定的差別。

在添加瀏覽器前綴時，使用了-webkit-、-moz-、-ms-等前綴，這是因為不同的瀏覽器實現了不同的CSS規范，通過添加不同的前綴，可以保證我們的樣式在不同的瀏覽器上得到正確的解析。

在使用漸變顏色時，我們既保留了舊版瀏覽器所能理解的漸變顏色，又使用了更加標準的linear-gradient寫法，以確保在新版瀏覽器中得到最佳的展現效果。