css中voice-family: “\”}\””;有什么作用?
#centercontent { background-color: #006600; background-image: url(../img/home_main_bg.gif); background-repeat: repeat-x; height: 502px; width: 772px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 1px solid #006600; voice-family: "\"}\""; voice-family: inherit; height: 500px; width: 770px;}
登录后复制
在此设定宽度为770PX,边框为1PX,但在Window IE5.5以前的浏览器中浏览页面时,main层宽度会比实际宽度少2px(770px-1px-1px),因此需要予以纠正,在此就介绍一种纠正方法。此处利用了样式表的“层叠”特性,对于同一个选择符的相同属性,后定义的值会覆盖前面定义的值。
而”voice-family:”\”}\”” ;voice-family:inherit;” 是CSS的语音属性,由于Window IE5.5不完全支持CSS2,不识别此属性,因此跳到下一个选择符。
IE5并不能正确读取voice-family: “\”}\””; voice-family:inherit;这两段,所以在读取第二个Width前就放弃读取#centercontent了。
这样便能在同一个Class里定义两个Width值。(而实际上这是重复定义的典型,不过并不会在其他浏览器产生问题。)
立即学习“前端免费学习笔记(深入)”;
另一种不用voice-family: “\”}\””;的方法来解决:
width: 770px
width : 772px;
以上就是css中voice-family: “”}””;有什么作用?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3122776.html