为什么css3要加前缀
时间:2021-11-04
来源:互联网
标签:
今天PHP爱好者给大家带来为什么css3要加前缀的原因,因为CSS3还未成为真正的标准,许多浏览器对其的支持程度不同,而且每个浏览器厂商对同一个样式支持的写法也不同,所以要加前缀来达到各个浏览器兼容。css3前缀就是用来确保新属性可以在特定的浏览器渲染引擎下被识别和生效。希望对大家有所帮助。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
使用过CSS3属性的同学都知道,CSS3属性都需要带各浏览器的前缀,甚至到现在,依然还有很多属性需要带前缀。这是为什么呢?
浏览器厂商以前就一直在实施CSS3,但它还未成为真正的标准。
因为css3很多属性还没有确定下来,标准规范还没有发布,许多浏览器支持的程度也不同,而且每个浏览器厂商同一个样式支持的写法也不同,所以要加前缀来达到各个浏览器兼容,将来统一了规范就不用写前缀了。
css3前缀就是用来确保这种属性可以在特定的浏览器渲染引擎下被识别和生效。
-ms- | IE浏览器 | Trident内核 |
-moz- | Firefox | Gecko内核 |
-o- | Opera | Presto内核 |
-webkit- | Chrome和Safari | Webkit内核 |
目前已有很多私有前缀可以不写了,但为了兼容老版本的浏览器,可以仍沿用私有前缀和标准方法,逐渐过渡。
来看一个简单的示例,早期写一个圆角 border-radius ,需要这样写:
.box {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
这些是为了兼容老版本的写法,该浏览器不支持新属性而导致用户体验友好度降低;比较新版本的浏览器都支持直接写:border-radius。
使用前缀则能很好地匹配到较低版本的浏览器,并正常显示样式。
以上就是为什么css3要加前缀的详细内容,更多请关注php爱好者其它相关文章!
-
USB Host接口有什么用?USB Host和USB Device接口的区别 时间:2025-12-16 -
HDMI怎么区分1.4和2.0?HDMI1.4和2.0的区别 时间:2025-12-16 -
com.android.phone已停止运行是什么意思?怎么解决? 时间:2025-12-16 -
4mp摄像头是多少像素?4mp和1080p有什么区别? 时间:2025-12-16 -
电脑出现normal.dotm错误怎么办?解决方法是什么? 时间:2025-12-15 -
normal.dotm在哪个文件夹里 如何删除normal模板 时间:2025-12-15
今日更新
-
怪物猎人荒野能单机玩吗-怪物猎人荒野支持单人模式吗
阅读:18
-
拷贝漫画繁体版下载安装指南-拷贝漫画繁体中文版官方下载入口
阅读:18
-
膨胀是什么梗?揭秘网络热词背后的自信爆棚现象,年轻人都在用!
阅读:18
-
欧易交易深度查看指南:简单步骤掌握市场动向
阅读:18
-
E站免下载网页版-ehviewer在线版直达
阅读:18
-
学习通网页版最新入口一键直达-学习通网页版秒开在线高效学习
阅读:18
-
捧腹大笑的梗是什么梗 揭秘全网最火搞笑段子让你笑到停不下来
阅读:18
-
PS5港服官网入口哪里找-PS5港版注册登录入口直达
阅读:18
-
欧易K线图必看指标:掌握这7个关键指标轻松交易
阅读:18
-
云崩坏星穹铁道官网入口在哪里-云崩坏星穹铁道网页版地址链接全分享
阅读:18










