常见的CSS问题的“一站式”的解决方案
日期:2007年9月27日 作者: 查看:[大字体 中字体 小字体]-
若用@import语句引入外部样式表,那么迟早会发现IE6的“闪烁”问题,即未经CSS格式化的HTML代码短暂地了现在浏览器中。我们可以通过使用link元素,或在页面中添加script元素来避免这个问题。详情请参考BlueRobot.com网站上的这篇文章:“Flash of Unstyled Content” (www.bluerobot.com/web/css/fouc.asp)
不要依靠min-width/min-height属性
IE/Win平台上的IE并不支持这两个属性,但它在某些情况下却把width和height属性认为是min-width或min-height属性。因此,借助于一些只为Windows平台上的IE设计的过滤规则,我们用width和height属性也可以实现min-width或min-height的效果。mezzoblue.com上的文章“”min-height: fixed(mezzoblue.com/archives/2004/09/16/minheight_fi).
尝试减少百分比值
浏览器计算中的舍入误差有时会让50%+50%等于100.1,导致布局被破坏。这时请尝试略为减少百分比的值,例如将50%改为49%或者49.9%。
IE中设有完整显示出内容?
若页面中的内容没有显示完全,但在鼠标悬停在某链接上时却能正常显示的话,那么十有八九是遇上了IE的“Peekaboo bug”.解决的方案请参考Position Is Everything网站上的文章:(www.positioniseverything.net/explorer/peekaboo.html)
确保要实现的效果确实存在
有些浏览器对CSS进行了一些并不在官方规范中的扩展,例如IE中的滤镜和滚动条样式等,这些属性不能应用在其它浏览器中。若验证工具显示某些代码没有定义的话,那么这些效果将很有可能不会在各个浏览器中表现出一致的行为。
牢记“LoVe/HAte(爱/恨)”链接规则
在为链接元素指定伪类时,牢记以下的顺序:link,visited,hover和active。任何其他的声明顺序都可能会导致问题。若是还要考虑:focus伪类,那么可将规则修改为LVHFA(可以用Matt Haughey给的记忆法”Lord Vader’s Handle Formerly Anakin”记住这个顺序).
为非零值标明单位
在用CSS指定字体、边距或元素尺寸的值时,必须标明所用的单位(唯一的例外是line-height属性,虽然我们也可以为其指定单位,但这并不是必须的)。某些浏览器对未标明单位值的处理方法不足为凭,我们不能认为其他浏览器也会这样做。零就是零,没有必要分辨是px还是em。但非零值却一定要标明计量单位。例如:paddin:0 2px 0 1em;
测试不同的字体大小
无论在指定字体原始大小时使用了什么单位,Mozilla 和Opera之类的高级浏览器都允许用户调整字体大小。肯定会有一些用户所使用字体大小与我们的不同,所以在声明字体大小时,我们就应该尽量考虑到这些可能出现的变化。
在HTML和CSS中统一大小写
在大多数浏览器中,CSS都是大小写敏感的。若是CSS和HTML中都使用了同样的homePage做为某Class的名称,则自然良好工作。但若在CSS中将该规则改为“homepage”,那么在一些严格遵守CSS规范的用户代理(例如Mozilla浏览器)中就会问题。
测试时使用嵌入样式,发布时再改为外输入
若在测试时将样式表嵌入到HTML源代码中的
-
- 常见的CSS问题的“一站式”的解决方案 相关文章:
- ·QQ常在异地登录的原因及其应对方法
- ·防范黑客攻击Oracle系统的八大常用方法
- ·Windows Vista系统常用补丁功能介绍
- ·电脑摄像头日常保养六招秘诀
- ·CSS常见问题和技巧总结
- ·DIV+CSS常见错误汇总
- ·常用图片请入WPS 2007工具栏
- ·火拼QQ泡泡龙常见问题和解决办法
- ·远程工作站常见故障问题及排除方法
- ·QQ防盗措施及解决异常激活的办法
- 常见的CSS问题的“一站式”的解决方案 相关软件
- ·猪蹄的十三种家常做法
- ·《常欢全集》典藏版v1.0
- ·《常见皮肤性病诊断与治疗》
- ·历史资料与历史常识
- ·佛教常识问答
- ·日常的佛心
- ·《股票常识与技术分析》
- ·《非常李咏》(新浪版)
- ·《非常年代的非常爱情》
- ·常用2500字行楷习字帖
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
下一篇:当心被忽悠 再谈如何删除WMP
精品推荐
热点TOP10
- ·用CSS给网页图片添加滤镜效果
- ·学习CSS制作网页的多个经验技巧
- ·站长推荐:53个CSS-不可或缺的技巧
- ·网页中用于构造图表的一些基本CSS代码
- ·DIV CSS网页布局实例:十步学会用CSS建站
- ·DIV CSS网页技巧:网页布局中border断线现象
- ·推荐好文:无懈可击的CSS圆角技术
- ·用Div仿showModalDialog模式菜单的效果
- ·学习CSS制作网页总结的一些经验技巧
- ·网站配色,CSS主色调配色方案
- ·自定义网页超链接下划线的CSS代码
- ·CSS样式表实现效果很好的分页效果源代码
- ·用CSS实现文字垂直居中的代码
- ·网页制作学习:由浅入深详解CSS的margin属性
- ·5款纯div+css制作的弹出菜单(标准且无js)
- ·CSS+DIV+Javascript制作滑动门菜单技术
- ·Css改变鼠标形状的15种效果代码
- ·CSS实现图片阴影效果三部曲(译文)
- ·学习样式表CSS参考:常用的CSS知识
- ·网页制作经验分享:CSS布局如何进行
特别推荐
- ·多个CSS样式表争夺特定选择符的控制权
- ·学习CSS制作网页总结的一些经验技巧
- ·CSS初学者应该保持的一种心态
- ·CSS常见问题和技巧总结
- ·DIV+CSS常见错误汇总
- ·设计中常用的十个CSS技巧
- ·网站配色,CSS主色调配色方案
- ·你是哪个等级的CSS开发人员?
- ·简单的CSS改进网站设计三个技巧
- ·使用CSS样式表让英文文本自动换行
- ·用CSS给网页图片添加滤镜效果
- ·国外译文:网页设计如何使用CSS的选择器模式?
- ·常见的CSS问题的“一站式”的解决方案
- ·学习CSS从何入手技术
- ·CSS注释、命名、继承性、样式排序等CSS技巧的小结
- ·推荐好文:无懈可击的CSS圆角技术
- ·标准网页中用CSS进行段落排版的方法
- ·CSS实现带背景图片的文字链接的方法
- ·网页制作经验分享:CSS布局如何进行
- ·CSS基础:CSS选择符
