网站首页 网站建设 IT知识 IT知识教程 小心：CSS代码书写顺序不同，导致显示效果不一样

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

2021-05-18 21:13:34
无意中发现，针对同一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技术，体验开发乐趣！ [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章

font和line-height之CSS代码书写顺序不同，导致显示效果不一样
无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。即：>>>
建设多语言版本网站有什么要注意
不同语言的书写习惯不一样以及导航的设置也不一样。我们中国的书写习惯是从左到右的，但是有些国家确实从有右到左的，比如阿拉伯语、波斯语等等中东国家。如果你的网站海外
CSS Hack详解
摘要：在我们制作页面时CSShack由于不同的浏览器，比如InternetExplorer,MozillaFirefox等，对CSS的解析认识不一样，因此会导致
C#语句先后顺序对程序的结果有影响吗
下面通过一段代码给大家解析C#语句的顺序不同所执行的结果不一样。usingSystem;usingSystem.Collections.Generic;usin
网站制作过程中应避免这些雷区
企业在创建网站的时候，所选择的风格都是不一样的，而显示的效果以及特点也是不一样的。不同的风格可以给用户带来不一样的体验。今天我们就来分享一下网站制作过程中，有哪

最新文章

载入进度条 效果
邮件发送简单例子-html文件
详解关于html，css，js三者的加载顺序问题
限制复选框的最大可选数
随鼠标上下滚动的jquery代码

hot 热门文章

python模拟登陆Tom邮箱示例分享
苹果11抖音怎么投屏? iphone将投影投屏到电视的技巧
蚂蚁森林节气签怎么领
华为mate30怎么更新系统？华为mate30更新手机系统教程
小米电视怎么下载斗鱼

猜你喜欢

JavaScript 命名空间 使用介绍
javascript ���名规则 变量命名规则
javascript 秒表计时器实现代码
Javascript 面向对象之重载
JavaScript 面向对象之命名空间
以上产品还未完全满足我的所有需求，在下方提交我的专属需求
我的专属需求：
*手机号：
*验证码：
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询
img

获取方案

获取建站报价/方案

我们联系您img

img

微信咨询

扫一扫添加
动力姐姐微信
img
img

TOP

我们尽快联系您