为什么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爱好者其它相关文章!
-
Node.js压缩包安装及环境配置 时间:2025-05-02
-
Easyconnect官网下载安装使用教程 时间:2025-05-02
-
Python中Pandas库详细教程 时间:2025-05-02
-
XPath定位方法详解(基本语法、应用场景、常见问题) 时间:2025-05-02
-
什么是时间复杂度 时间复杂度怎么计算 时间复杂度和空间复杂度的区别 时间:2025-05-02
-
Huobi(HTX)交易所全面综合评价(2025年最新HTX详细评估) 时间:2025-05-01
今日更新
-
元宇宙概念是什么意思
阅读:18
-
vuejs怎么实现复制功能
阅读:18
-
php怎么将浮点型转换成字符串
阅读:18
-
Mysql索引失效怎么办?失效原因浅析
阅读:18
-
vuejs怎么调试
阅读:18
-
PHP中怎样创建目录(总结分享)
阅读:18
-
css里solid是什么意思
阅读:18
-
css怎么设置hr的宽度
阅读:18
-
postman是如何实现接口的自动化测试
阅读:18
-
vuejs怎么请求后台接口
阅读:18