繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 小心：CSS代码书写顺序不同，导致显示效果不一样
- CSS样式表
- CSS 关于网页图片的属性
- CODEPAGE 列表与asp应用例子
- html 的 ContentType 小结
- 不要使用CSS Expression的原因分析
- css ie6 ie7 ff的CSS hack使用技巧
- div+CSS网页布局的意义与副作用原因小结
- iframe自适应高度的多种方法方法小结
- css display:none使用注意事项小结
- html工作中表格<tbody>标签的使用技巧
- input为disabled提交后得不到该值的解决方法
- Css Reset(复位)方法整理
- css首字放大实例代码
- 让IE ff Opera同时支持Alpha透明的方法
- WEB标准网页布局中尽量不要使用的HTML标签
- css网页布局中注意的几个问题小结
- 指定网页的doctype解决CSS Hacking方法总结
- 左侧固定宽度，右侧自适应宽度的CSS布局
- DIV+CSS经常用到的属性、参数及说明
- 校内网css代码添加背景图片常用代码
- css 通配符用法总结
CSS样式表 中的 小心：CSS代码书写顺序不同，导致显示效果不一样
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 164 ::
收藏到网摘: n/a
无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。
即：
>>> 如果先写font，再写line-height，显示效果正常
>>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在IE、Firefox、Opera下都出现这种BUG
具体效果请看以下代码：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
