HTML兼容总结
接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。
下面整理了一下相关的兼容问题,希望大家再在其基础上补充!
所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)
height: 100px;
全文阅读 »
HTML兼容总结,接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。 下面整理了一下相关的兼容问题,希望...
接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。
下面整理了一下相关的兼容问题,希望大家再在其基础上补充!
所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)
height: 100px;
全文阅读 »
每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧!
1.重置
首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset
或者你自己编写的重置代码,只要使用就对了。
它能很简单的移除所有元素的填充(padding)和边距(margin): 全文阅读 »
提出了“CSS hack 用CSS条件注释实现”观点。我们一并看看他的感受。开始我写的DIV结构,CSS代码,感觉还很流畅,很清晰,注释说明也写得很详细。对着Firefox三张页面的初稿完成,我发现CSS文件才7KB,自己明显地进步了不少。然后我开始在IE7 IE6下作兼容性调试,那个痛苦哇!页面没有大的差错,不外乎就是页面因为宽度问题,被挤扁了,但是小小的问题,一修正起来,要写一大段代码,有些还得修改DIV结构。靠!折腾了一天,CSS文件臃肿到了17KB。IE真不是人造的。 全文阅读 »
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?
一、IE边框若显若无,须注意,定是高度设置已忘记;
全文阅读 »
在网站制作的过程中会遇到css控制图片垂直居中问题,当然每个人所用的处理办法不一样。所以总结出来方法也各不一至。下面说下我在做网站时遇到这种情况是怎么处理的。
一般来说如果单是图片垂直居中的话,那可能会简单点, 但是往往我们实际运用中要稍微复杂点。下面看一个日本网站http://dht.co.jp/products/imaging_spectrograph/ 当时产品是自己做的,所以小图片尺寸都定为 81*81PX ,现在交给客户后,他们把图片处理的大小不一。 特别是高度,有的非常矮,这样一来,图片不居中,看上去特别难看。当然客户又找过来了。 以下是我所采用处理办法: 全文阅读 »
在本章中,你学习了跟踪和修复CSS bug的一些重要技术。了解了Windows上IE的内部haSLayout属性以及它为什么会成为许多IEIWin浏览器bug的根源。最后,了解了一些最常见的浏览器bug和修复方法。
接下来,你会看到由当今最好的两位CSS设计师和开发人员创建的两个极棒的实例研究,从而体会如何结合使用本书讲述的所有知识。
停止对IE的批评
IE并不是惟一一种有bug的浏览器,所以你可能会奇怪我为什么只关注IE bug。不必担心,我并不是专门和微软过不去,这么做是有理由的。
首先,IE目前占有最大的浏览器市场份额。因为有许多人在使用IE} IE bug往往很快被发现并且很好地记录下来。当在IE中发现一个重大的CSS bug时,许多开发人员会尝试寻找修复方法或解决方案。由于IE的流行程度,被记录并修复的IE bug比其他任何浏览器都要多。 全文阅读 »