什么是浏览器私有前缀？_HTML/CSS

4条回答

chai - 嘿咻嘿咻~

2楼 · 2020-05-15 11:42

什么是浏览器私有属性前缀

CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。

以下是几种常用前缀

-webkit-
-moz-
-ms-
-o-
-khtml-（现在基本都没有用了，被-webkit-取代）

举例来说，一个CSS3圆角的代码是：

-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;

CSS3前缀+标准代码的顺序

既然CSS3代码中（暂时）需要写上这么多前缀，那么他们的顺序是如何的呢？

一篇文章中详细分析了代码顺序：ordering css3 properties

结论:是先写私有的CSS3属性，再写标准的CSS3属性。

-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
-moz-transform:rotate(-3deg); /*为Firefox*/
-ms-transform:rotate(-3deg); /*为IE*/
-o-transform:rotate(-3deg); /*为Opera*/
transform:rotate(-3deg); /*为nothing*/

web-马赏

3楼 · 2020-05-15 15:03

Chrome(谷歌浏览器) ：WebKit内核 -webkit-
Safari(苹果浏览器) ：WebKit内核 -webkit-
Firefox(火狐浏览器) ：Gecko内核 -moz-
IE(IE浏览器) ： Trident内核 -ms-
Opera(欧朋浏览器) ：Presto内核 -o-

Sauvignon

4楼 · 2020-05-21 15:37

为了兼容老版本的写法。例如：比较新版本的浏览器都支持直接写：border-radius。
-moz代表firefox浏览器私有属性，-ms代表ie浏览器私有属性，-webkit代表safari、chrome私有属性。

浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。
-webkit-是webkit内核，
-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。

孙哈哈

5楼 · 2020-05-21 21:57

为了兼容老版本的写法。

因为制定HTML和CSS标准的组织W3C动作是很慢的。

通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但w3c制定标准，要走很复杂的程序，审查等。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持。

为避免日后w3c公布标准时有所变更，加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性。

等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。

相关问题推荐

大前端是什么？和前端有区别吗？2020-08-28 14:51

回答 11

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。简单地说，能够从 App 屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基...
【Web前端基础】HTML文本框大小怎么设置 HTML标签 HTML语法 2020-10-27 15:18

回答 9

　　inputname=type=textstyle=width:200px;height:20px;
web前端培训要多久时间？2020-05-27 09:57

回答 18

一般在4.5个月左右。
女生学Web是不是有些难度，零基础！2020-10-11 16:09

回答 15

女生零基础学web前端是不难的。这是比较注重实际动手操作的学科，只要你肯用心学，并且有专业老师的指导，女生零基础学web前端，只需要4个月左右的时间
前端适合女生学吗？2020-06-02 17:42

回答 14

很适合女生学习，主要是看自己在这方面有没有兴趣
css选择器的作用是什么 CSS选择器 2020-09-24 11:52

回答 9

CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用例如：body{background-col...
web前端课程内容都学什么？2020-09-22 21:10

回答 17

html、css、js、框架、小程序等
想通过培训学习后进入IT行业，什么方向更好呢？2020-04-29 13:58

回答 11

根据自己的兴趣和实际情况来选择编程：Java、大前端、Python人工智能、大数据、Linux云计算、软件测试、PHP、网络安全设计：UI设计、产品经理、三维可视化设计、影视动画、室内设计、VR/AR运营：互联网营销、新媒体运营、短视频运营、电商运营每个人都是不同...
input框里如何插入一个文本框？2021-07-31 09:32

回答 7

HTML123倒计时JS//验证码var counts = 60;function settime(val) { if(counts == 0) { val.removeAttribute(disabled); val.value = 获取验证码; counts = 60; return...
CSS样式中div中的元素怎么让他们水平和垂直居中2021-06-27 20:22

回答 5

HTML中有个class为box的div元素，通过修改css样式让box元素在页面水平垂直居中显示
零基础新手学习Web前端应该掌握哪些知识2021-02-03 09:28

回答 11

HTML,CSSJavaScriptjQueryvue,React微信小程序，公众号
是否能熟练运用CSS, HTML?2020-12-15 08:43

回答 7

对于前端初学者来说，html+css是入门前端最基础的内容，要学好并熟练运用html+css可从以下几点出发： 1.结合html+css+Photoshop，学会如何切割页面。所谓切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。 2.打开有关浏览器网页，参...
【Web前端基础】html文本居中怎么设置 HTML标签 HTML语法 2020-10-27 15:09

回答 7

html如何让文字居中显示通过设置左右margin值为auto来实现居中的。我们来看个例子就是专设置属div这个块状元素水平居中：html代码：div{border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/width:200px;margin:20pxauto;/*margin-left与margin-right...
内联块元素的对齐方式问题2020-09-26 11:50

回答 3

有关块与内联元素的心得(内联元素右对齐)未改代码:目的:将日期右对齐,但下面的代码,把含日期内联元素转为块元素,再让其向右浮动,但结果显得为错位显示.未能达到预期目的. New Document #css01{width:360px;height:300px;text-align : left; float:left;margin...

没有解决我的问题，去提问