繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航:
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
小心:CSS代码书写顺序不同,导致显示效果不一样
发布:dxy 发布日期:
2006-12-11
字体:[
增加
减小
] 类型:转载
无意中发现,针对同一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 全选 提示:你可先修改部分代码,再按运行]
Tags:
小心:CSS代码书写顺序不同
导致显示效果不一样
百度中搜索更多的关于
小心:CSS代码书写顺序不同,导致显示效果不一样
内容,或者
用Google搜索相关更多
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
CSS制造:鼠标移上去显示大图
下一篇文章:
javascript横排竖排标准选项卡效果代码
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
学习样式表CSS参考-常用的CSS知识
推荐深入理解css中的position定位和z-ind
鼠标滑过缩略图时放大图片(纯Css)
使用CSS框架布局的缺点和优点小结
CSS条件注释的使用详解教材
以图换字的几个方法及思路
用<TABLE>语句来实现圆角表
CSS opacity - 实现图片半透明效果的代码
大家需要掌握的 html下SPAN和DIV的区别
用滑动门技术设计按钮的图文教程
最 近 更 新
如何处理多国语言
网页设计布局基础
CSS仿淘宝首页导航条布局效果
页里面 CDATA的作用说明
网页中关闭IE的图像工具栏和XP主题
研究了一下div+css的高度自适应问题
web标准常见问题集合2
HTML下在IE浏览器中的专有条件注释讲解
95%的中国网站需要重写CSS
BUTTON和INPUT的区别
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度(支持xhtml)
在iframe中隐藏横向滚动条的方法
用css来控制图片大小显示的实现方
比较漂亮的一个导航条的效果DIV+
div做细线表格,很强悍
css强制换行 css强制不换行的css
让2个DIV居中并排显示
文章评论
共有 位脚本之家网友发表了评论我来说两句