第3课 深入理解盒子模型(下)
2007年11月22日 星期四 | 所在分类: 深入CSS盒子模型还没有评论。发表第一条评论吧!
今天焦飞龙读者提出一个问题,颇具代表性。对于使用CSS布局和设计网页,很大的麻烦来自于不同浏览器对CSS解释的差异。特别是IE浏览器和Firefox浏览器的差异。
这位读者的问题是:
“我学CSS一个多月了,以前网页制作的基础还不错,感觉CSS很好用,我正在用它做一个网站,刚开始有些地方遇上不少麻烦,不过还好,都解决了,经过半个月主页制作好了,感觉很满意,可是遇是了一个更麻烦的问题,我一直通过IE浏览器来查看的,可我今天放到Firefox里乱的好厉害,这是怎么回事啊,是不是有些浏览器里还不支持CSS的一些功能啊,还是自己制作过程中的问题,我买了精通CSS DIV这本书,主要是通过它来学习的,感觉很不错,不过现在看来有些基础了,有没有更好的书啊,实例多一些,麻烦您和我说说这些情况,真是不明白,谢谢!”
首先,对于浏览器的兼容问题,这里给大家两个建议,供大家参考:
1:当一个效果在Firefox和IE6中显示的不一样时,一般来说Firefox显示的是“正确”的效果,这里说的正确,并不是指主观希望的效果达到了就是正确效果,而是说按照真正的CSS规则,应该显示的效果,叫作正确的效果。也就是说,如果Firefox中显示的效果和希望的效果吻合,而与 IE显示不吻合,那么是IE有错误的可能性更大,而反之则说明很可能是为了迁就IE6的错误,而写了错误的代码。
那么为什么不能以IE为标准,当作是IE的效果是正确的呢?这是因为,CSS的规则本身是严格符合逻辑的,是可以计算和预测的,而IE中的很多错误是没有道理的,无法预测的,因此,用一个错误修正了另一个错误,在局部看起来可能效果是正确的,但是很可能在其它地方,或者更大范围内带来不可预知的麻烦,从而严重影响效率。因此,比较好的做法是以Firefox作为正确的效果,让IE想办法来适应它。
2:测试的时候,不要在一个浏览器中完全做好,再用另一个浏览器测试。例如,对于一个很复杂的页面,如果首先在Firefox中制作,已经完全测试好了,然后用IE查看,可能很多地方都是混乱的,此时就针对IE进行一系列调整,等调整好了,回到Firefox查看,又乱了,如此往复,结果可想而知。因此,从空白页面开始,每做一小步,就同时在各种浏览器中查看,一旦发现显示效果不同,立即查找原因,寻找解决办法,因为每次增加的代码都很少,这样就很容易找出原因,从而做到最后就可以同时满足各种浏览器了。
关于问到的深入一些的CSS书籍,我们现在推荐的是即将出版的《CSS设计彻底研究》,我们的目前正在连载的视频教程,就是为这本书配套制作的,这套书会深入地讲解很多更为深入的CSS原理和方法,希望对大家有所帮助!
本文作者: 前沿视频教室