首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> 小心:CSS代码书写顺序不同,导致显示效果不一样
CSS样式表
CSS教程:制作网页中常用的5个CSS属性
网页制作理论:精确还原设计稿
CSS教程:Firefox浏览器下margin-top问题
CSS教程:li标记在IE下产生间距
CSS实例教程:CSS制作虚线的2种方法
CSS教程:网页中英文字体的设置
根据IE版本不同调用不同CSS样式文件
CSS网页布局:tbody标签与thead和tfoot标签
网页制作技巧:CSS网页布局中文排版心得
网页制作CSS教程:自适应圆角
Css Hack:Pixel Perfect
OOcss教程:认识OOCSS和简单应用OOCSS
网页制作教程:面向对象的CSS应用
CSS写法:不同组合间的优先级及浏览器的支持性
CSS sprite实例教程:li:hover修改密码
利用负边距技术制作自适应宽度布局的网页
WEBJX收集漂亮的大背景网页设计实例
使用一张或两张图片创建大背景网站
CSS教程:CSS选择符的用法和实例
CSS实例:a:hover伪类在IE6下的问题
No.
«
‹
101
102
103
104
›
»
技术文章搜索
关键字
CSS样式表 中的 小心:CSS代码书写顺序不同,导致显示效果不一样
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-12
浏览: 133 ::
收藏到网摘: n/a
标准布局应用:显示/隐藏侧边栏 [附详细注解]
解决鼠标在 flash 链接上不停闪动的问题(web页面中)
无意中发现,针对同一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 全选 提示:你可先修改部分代码,再按运行]
标准布局应用:显示/隐藏侧边栏 [附详细注解]
解决鼠标在 flash 链接上不停闪动的问题(web页面中)
评论 (0)
All
登陆
还没注册?