css:voice-family属性的详解
程序员文章站
2022-05-11 09:30:10
...
voice-family属性
#sidebar { width: 200px; padding: 10px; border: 10px solid black; }
在此设定宽度为200px,内边距为10px,边框为10px,但在Window IE5.5以前的浏览器中浏览页面时,宽度会比实际宽度少40px(200px-10px-10px-10px-10px),因此需要予以纠正。此处利用了样式表的“层叠”特性,对于同一个选择符的相同属性,后定义的值会覆盖前面定义的值。
重新定义的样式为:
#sidebar { padding: 10px; border: 10px solid black; width: 240px; voice-family: "\"}\""; voice-family: inherit; width: 200px; }
而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的语音属性,由于Window IE5.5不完全支持CSS2,不识别此属性,因此跳到下一个选择符。
IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段,所以在读取第二个Width前就放弃读取#centercontent了,最终只能读取到第一个width:240px。
而IE5.5以上的浏览器因为同名覆盖的原则取到第二个width:200px。这样便能在同一个Class里定义两个Width值。
以上就是css:voice-family属性的详解的详细内容,更多请关注其它相关文章!
上一篇: 用php读取汉字点阵数据的方法