当前位置:  编程技术>WEB前端

font和line-height之CSS代码书写顺序不同,导致显示效果不一样

    来源: 互联网  发布时间:2014-09-06

    本文导语:  无意中发现,针对同一HTML标记,在CSS中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。 即: >>> 如果先写font,再写line-height,显示效果正常 >>> 如果先写line-height,再写font,...

无意中发现,针对同一HTML标记,在CSS中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。
即:
>>> 如果先写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技术,体验开发乐趣!



原文:http://www.cnlei.org/blog/article.asp?id=343

注:看了枫岩的留言,去查了下CSS帮助文档

引用
对font的定义参数必须按照如下的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值:
font : font-style || font-variant || font-weight || font-size || line-height || font-family 
例子:p { font: italic small-caps 600 12pts/18pts 宋体; } 

作者:ztu http://www.dnew.cn/post/217.htm#topreply

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间java.awt类font的类成员方法: font定义及介绍
  • 正则表达式:过滤<font>和</font>
  • java命名空间java.awt类font的类成员方法: truetype_font定义及介绍
  • resin 与tomcat的区别错误?out.print("<font color=green>可用</font>");
  • java命名空间java.awt类font的类成员方法: type1_font定义及介绍
  • <font color=red>苦思不得其解的问题</font>
  • java命名空间java.awt.font类textattribute的类成员方法: font定义及介绍
  • 留言板问题,如何过滤掉html标签 防止别人引用html的标签呢??如<font color=red>测试</font>
  • java命名空间java.awt类font的类成员方法: derivefont定义及介绍
  • i have a string="<html><body><font color='red'>i want display</font></body><html>", can i display it in java?
  • java命名空间java.awt类fontmetrics的类成员方法: font定义及介绍
  • JavaScript字体工具包 Font.js
  • java命名空间javax.accessibility类accessiblerole的类成员方法: font_chooser定义及介绍
  • Eclipse 字体大小控制插件 eclipse-fonts
  • java命名空间java.awt类font的类成员方法: getnumglyphs定义及介绍
  • jquery获取font-size属性值的代码
  • java命名空间java.awt类font的类成员方法: getitalicangle定义及介绍
  • jQuery特效字体插件 Font effect
  • java命名空间javax.swing.text.html类html.tag的类成员方法: font定义及介绍
  • 请教一个font的问题
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css font缩写总结附实例


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3