符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍了css3样式中的前缀问题是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css3样式中的前缀问题是什么文章都会有所收获,下面我们一起来看看吧。
我们提供的服务有:网站设计、网站制作、微信公众号开发、网站优化、网站认证、雁江ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的雁江网站制作公司
css3样式前缀有:1、“-moz-”,代表firefox浏览器私有属性;2、“-ms-”,代表IE浏览器私有属性;3、“-webkit-”,代表safari、chrome私有属性;4、“-o-”,代表Opera私有属性。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS3样式中的前缀问题
作为新手,有的时候在写css时分不清什么属性需要用到前缀,或者用什么前缀,下面是我平时学习的一些总结。
在了解这些前缀之前,先介绍一下各大主流浏览器的内核:
IE——trident(国内很多双核浏览器的其中一核就是trident)
Opera——Blink(presto已废弃)
chrome——Blink(之前是webkit)
Firefox——Gecko
Safari——webkit(Android手机使用频率最高的也是webkit内核)
而每个内核都有自己的前缀:
Trident内核:前缀为-ms-
Gecko内核:前缀为-moz-
Presto内核:前缀为-o-
Webkit内核:前缀为-webkit-
所以:
-moz- 代表firefox浏览器私有属性
-ms- 代表IE浏览器私有属性
-webkit- 代表safari、chrome私有属性
-o- 代表Opera私有属性
示例:写一个圆角border-radius,需要这样写:
.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
那么为什么要有私有前缀呢?
因为制定HTML和CSS标准的组织W3C动作是很慢的。通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过很多审查。而浏览器商不愿意等那么久,他们觉得一个属性已经够成熟了,就会在浏览器中加入支持。
但是避免日后w3c公布标准时有所变更,就会加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性,等到日后w3c公布了标准,border-radius的标准写法确立之后,再让新版的浏览器支持border-radius这种写法。
关于“css3样式中的前缀问题是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css3样式中的前缀问题是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。