小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

来源：懂视网责编：小采时间：2020-11-27 18:54:36

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流:无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。即： >>> 如果先写font，再写line-height，显示效果正常 >>> 如果先写line-height，再写font，则lin

推荐度：

点击下载本文 文档为doc格式

导读小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流:无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。即： >>> 如果先写font，再写line-height，显示效果正常 >>> 如果先写line-height，再写font，则lin

无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。
即：
>>> 如果先写font，再写line-height，显示效果正常
>>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在IE、Firefox、Opera下都出现这种BUG

具体效果请看以下代码：
<p>h1：</p> <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 专注Web技术，体验开发乐趣！</h2> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</h2> <p>div：</p> IECN.Net - 专注Web技术，体验开发乐趣！ IECN.Net - 专注Web技术，体验开发乐趣！
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

推荐度：

点击下载本文 文档为doc格式

标签：显示不一样效果

热门焦点

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流

最新推荐

猜你喜欢

热门推荐