CSS 樣式前綴是指一些特定的字母或單詞,加在 CSS 屬性前面,用來標識這個屬性是為某個特定瀏覽器或瀏覽器版本所特有的。
/* 示例代碼 */ /* 火狐瀏覽器 */ -moz-border-radius: 5px; /* 谷歌瀏覽器 */ -webkit-border-radius: 5px; /* IE瀏覽器 */ border-radius: 5px;
上面的代碼中,-moz 和 -webkit 是 CSS 樣式前綴,用來針對火狐和谷歌瀏覽器的特定版本。而最后一個 border-radius 則是為 IE 瀏覽器的特定版本使用。這樣做的原因是不同的瀏覽器、不同的版本支持的 CSS 屬性不同,使用 CSS 前綴可以確保我們的 CSS 屬性在不同瀏覽器上都可以生效。
一些流行的 CSS 樣式前綴有:
- -moz:火狐瀏覽器
- -webkit:谷歌、Safari 瀏覽器
- -ms:IE 瀏覽器(Internet Explorer)
- -o:Opera 瀏覽器
需要注意的是,CSS 樣式前綴并不是萬能的,一些瀏覽器可能不需要使用前綴就能識別某些 CSS 屬性。因此,在編寫 CSS 樣式時,應該使用最新的標準屬性,并對不同瀏覽器做出相應的適配處理。