持续的帮助--Keep helping your weblog. » CSS

调试CSS的利器 Firebug

xddxz — Thu, 11 Jun 2009 09:35:41 +0000

因为工作一直要测试浏览器对页面的兼用性，所以一直都安装了Firefox，可是一直没有好好用过Firefox，仅仅把Firefox 当成是一个显示工具。最近Roast告诉我他（PHP程序员）怎么调试CSS的，说到可以用Firebug，于是我将信将疑的使用了下，发现原来是如此的好东西。

Vista IE6 IE7 IE8 共存的办法

xddxz — Wed, 12 Nov 2008 14:35:29 +0000

因为最近笔记本是用的Vista系统，在做皮肤的时候需要调试IE6、IE7、IE8等浏览器的兼容性，所以在网上搜索了一下，最好的解决办法就是安装这个浏览器-IETeste ，还提供中文界面哦。 IETeste下载页面是： http://www.my-debugbar.com/wiki/IETester/HomePage IETeste介绍： IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 2, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. New in v0.2.3 : IE8 beta 2 and Print feature !

CSS IE7 IE6 Firefox多浏览器兼容(六)著名的星号* Html Hack(招数)

xddxz — Fri, 14 Dec 2007 02:13:30 +0000

最著名且最有用的CSS过滤器之一是星号 * Html HACK。这个过滤器非常容易记住，它可以制定IE6和更低版本。正如你知道的，Html 元素被认为是网页上的第一个元素，即根元素。但是，IE 的所有当前版本有一个匿名的根元素，它包围着Html 元素。那么这个匿名的元素或者说隐藏的元素到底是什么元素呢？其实它就是鼎鼎大名的* 号，所以我们可以用星号来指定的规则应用于那些被星号包围的 HTML。

CSS IE 和 Firefox 的区别(一)

xddxz — Tue, 06 Nov 2007 04:28:29 +0000

Css 当中有许多的东西不不按照某些规律来的话，会让你很心烦，虽然你可以通过很多的hack，很多的!important 来控制它，但是你会发现长此以往你会很不甘心，看看许多优秀的网站，他们的CSS让IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕？而他们看似复杂的模版下面使用的Hack 少得可怜。其实你要知道IE 和 Firefox 并不不是那么的不和谐，我们找到一定的方法，是完全可以让他们和谐共处的。不要你认为发现了hack的办法，你就掌握了一切，我们并不是Hack的奴隶。

CSS IE7 IE6 Firefox多浏览器兼容(五)子选择器招数(Hack)和属性选择器

xddxz — Sat, 20 Oct 2007 03:57:01 +0000

最安全的过滤器依赖于未实现的CSS，而不是浏览器Bug。因为这些过滤器使用有效的CSS选择器来应用有效的声明，所以严格地说，他们根本不是过滤器。他们仅仅是某些浏览器所不能理解的有效CSS规则。这些过滤器中的第一个称为子选择器招数。Windows上的IE6和更低版本的IE不支持子选择器，所以可以使用它对这些浏览器隐藏规则。为了让这种过滤器起到作用，必须确保在子选择器前后没有空格。

CSS IE7 IE6 Firefox多浏览器兼容(四)Tantek Celik的带通过滤器

xddxz — Fri, 12 Oct 2007 09:00:59 +0000

Tantek Celik 基于浏览器解析错误创建了一系列过滤器(http://tantek.com/css/examples/)，允许使用@import规则将样式表提供给选择的浏览器。因为他们是CSS规则，所有这些过滤器可以放在一个CSS文件中，这样就可以再一个地方集中的控制过滤的文件。将招数Hack隔离到浏览器特定的CSS文件中，可以大大简化对招数Hack的管理。如果决定停止对某一浏览器（比如IE 5.0）的支持，那么只需要删除相关的样式表，而不需要再大量页面代码中进行搜索和修改。

CSS IE7 IE6 Firefox多浏览器兼容(三)条件注释

xddxz — Wed, 10 Oct 2007 10:16:05 +0000

有条件注释是一种专门的（因为是非标准的）、对常规(X)Html注释的Microsoft扩展。顾名思义，有条件注释使你能够根据条件（比如浏览器版本）显示代码块。因为使非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释在Windows 上的IE5中首次出现，并且得到了Windows浏览器的所有后续版本的支持。

CSS IE7 IE6 Firefox多浏览器兼容(二)Hack实施策略

xddxz — Tue, 09 Oct 2007 08:54:37 +0000

hack和过滤器其实是一种迫不得已的办法，不要稍微掌握了几招然后就开始炫耀，到处乱写，最终看一看似乎到处是hack,到处都是补丁，似乎已经为每个浏览器都写了一遍CSS。在使用hack和过滤器的时候其实更应该多理解CSS的标准规范，实际上要用到hack的情况是很少的。Hack本身一词也是不包含正面意义的，而是讲这是一种迫不得已的行为，是利用了不正确的浏览器行为。