列举一个有CSS浏览器前缀的样式

在使用某些现代CSS特性（如Flexbox布局、Transition动画、Box Shadow等）时，为了保证在老旧浏览器中的兼容性，通常需要加上相应的浏览器前缀。这里举个例子：

/* 使用Webkit作为Chrome/Safari的前缀 */
-webkit-box-sizing: border-box; /* 设置元素的盒模型为边框盒 */

/* Firefox的前缀 */
-moz-box-sizing: border-box;

/* 标准盒模型 */
box-sizing: border-box;

/* 使用Vendor Prefixes for CSS Transitions (用于过渡效果）*/
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out; /* 对于旧版的WebKit浏览器 */
-o-transition: all 0.5s ease-in-out; /* 对于Opera浏览器 */
-moz-transition: all 0.5s ease-in-out; /* 对于Firefox浏览器 */

/* 更复杂的情况下，如CSS3 Animations */
@keyframes fadeIn { /* ... */ }
-webkit-keyframes fadeIn { /* ... */ } /* Webkit前缀 */
moz-keyframes fadeIn { /* ... */ } /* Firefox前缀 */
-o-keyframes fadeIn { /* ... */ } /* Opera前缀 */

注意，随着新版本浏览器对这些特性的原生支持不断提高，一些旧的前缀逐渐不再需要，因此建议使用工具自动化处理，如autoprefixer。