设为首页
收藏本站
设为首页
点击收藏
手机版
手机扫一扫访问
迪恩网络手机版
关注官方公众号
微信扫一扫关注
公众号
忘记密码？
QQ登录
微信登录
登陆
注册
门户
Portal
开源
问答
系统
工作
资讯
论坛
BBS
硬件
编程
漏洞
安全
虚拟化
问答
投稿
文章
帖子
用户
快速发帖
客服电话
点击联系客服
在线时间：8:00-16:00
客服电话
132-9538-2358
电子邮件
[email protected]
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
问题反馈
返回顶部
电脑基础
选购指南
故障排查
笔记本
电脑组装
电视盒子
平板电脑
电脑周边
Python
Java
Node.js
c#
Ruby
JSP
LUA
ASP.NET
VBScript
VB.NET
Perl
Erlang
Scala
Julia
JavaScript
VUE
JQuery
Node.js
TypeScript
AJAX
HTML
CSS
BootStrap
综合其他
经典问答
漏洞分析
CVE漏洞
安全教程
安全设置
杀毒防毒
病毒查杀
脚本攻防
入侵防御
工具使用
加密解密
手机安全
安全其他
Docker
程序员工具箱
1核2G服务器首年99元起
腾讯云新客户专享大礼包
【腾讯云】ElasticSearch
【腾讯云】即时通信特惠99
特惠秒杀1核2G云服务器38
深圳家论坛
生活宝-关注生活，发现美
xstack交流社区
overstack社区
Java代码示例
PHP代码示例
网址转二维码
网址缩短
网址转二维码
网址转二维码
qrcode.16892.net
qrcode.55276.net
qrcode.devdocs.uk
qrcode.mlink.in
qrcode.ogeek.cn
OStack程序员社区-中国程序员成长平台
›
门户
›
编程
›
HTML
›
HTML/CSS编程经验
小心：CSS代码书写顺序不同，导致显示效果不一样
原作者: [db:作者] 来自: [db:来源]
收藏
邀请
无意中发现，针对同一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技术，体验开发乐趣！</h1> <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</h1> <p>div：</p> <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 专注Web技术，体验开发乐趣！</div> <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</div>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
鲜花
握手
雷人
路过
鸡蛋
该文章已有
0
人参与评论
请发表评论
评论
全部评论
专题
导读
More+
上一篇：
CSS制造：鼠标移上去显示大图
发布时间：2022-02-05
下一篇：
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
发布时间：2022-02-05
热门
推荐
More+
热门
话题
More+
阅读
排行榜
返回顶部
客服电话
APP下载
官方微信
客服电话
APP下载
官方微信
请发表评论