小心:CSS代码书写顺序不同,导致显示效果不一样
2006-12-11 00:00
363 查看
无意中发现,针对同一HTML标记,在CSS中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。
即:
>>> 如果先写font,再写line-height,显示效果正常
>>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在IE、Firefox、Opera下都出现这种BUG
具体效果请看以下代码:
即:
>>> 如果先写font,再写line-height,显示效果正常
>>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在IE、Firefox、Opera下都出现这种BUG
具体效果请看以下代码:
h1:
IECN.Net - 专注Web技术,体验开发乐趣!
IECN.Net - 专注Web技术,体验开发乐趣!
div:
IECN.Net - 专注Web技术,体验开发乐趣! IECN.Net - 专注Web技术,体验开发乐趣!
相关文章推荐
- 小心:CSS代码书写顺序不同,导致显示效果不一样
- font和line-height之CSS代码书写顺序不同,导致显示效果不一样
- font和line-height之CSS代码书写顺序不同,导致显示效果不一样
- android 相同文件 在不同项目显示效果不一样
- DatePickerDialog 只显示年 (解决不同语言顺序不一样的问题)
- Css里的顺序不能随便换,不然显示有不同不然就显示不正确了
- css面试中遇到了文本框省略显示的效果展示代码
- android中canvas的clipRect和concate调用顺序不同导致的图像效果不同。
- css面试中遇到了文本框省略显示的效果展示代码
- 52CSS提倡的CSS代码书写顺序
- CSS:a标签不同状态下的显示样式渲染顺序
- div 的边框显示不同效果示例代码
- css_针对IE6,IE7,IE8,IE9,firefox显示不同效果
- 【css】html文件与图片的相对位置,导致不同引用代码
- CSS_代码规范_书写顺序
- 转: css 针对IE6,IE7,firefox显示不同效果 星号 !important 下划线
- CSS代码书写顺序
- 请教一下:Tomcat6在不同操作系统下 ,界面效果显示差异的原因?
- css3 部分属性不同浏览器的书写方式
- css文件引用后变成了乱码导致样式不能显示的问题的解决