CSS(層疊樣式表)定義了用于描述 HTML 文檔外觀的樣式規則。為了在不同的瀏覽器和平臺上獲得一致的外觀,CSS 規范定義了一些前綴以區分不同的瀏覽器引擎。其中 webkit、moz、o、ms 是四個最常見的前綴。
webkit 前綴是 Safari、Chrome 和 Opera 瀏覽器使用的前綴。webkit 前綴常用于 CSS3 樣式規則,如 border-radius、box-shadow 等。在 CSS3 中,webkit 前綴用于實現瀏覽器不支持的新屬性和值。例如:
-webkit-border-radius: 5px;
moz 前綴是 Firefox 瀏覽器使用的前綴,它常用于與 CSS3 相關的新屬性和值。moz 前綴用于實現瀏覽器不支持的新屬性和值。例如:
-moz-border-radius: 5px;
o 前綴是 Opera 瀏覽器使用的前綴,它用于一些實驗性質的屬性和方法。例如:
-o-transform: rotateY(30deg);
ms 前綴是 Internet Explorer 瀏覽器使用的前綴。ms 前綴常用于與 CSS3 相關的新屬性和值。例如:
-ms-transform: rotateY(30deg);
需要注意的是,雖然這些前綴可以實現一些瀏覽器不支持的新屬性和方法,但是同時也會造成代碼冗余、可讀性差等問題。在使用前綴時需要謹慎選擇。
下一篇vue循環跳轉