持续的帮助--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 !

DIV+CSS常见需要注意的地方

xddxz — Sat, 19 Jul 2008 02:07:01 +0000

　　当我们进行CSS+DIV的方式来重构我们的 html页面时，通常会发现一些是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：

IE Tab 在Firefox 中使用 IE 标签

xddxz — Wed, 27 Feb 2008 01:34:07 +0000

IE Tab 在Firefox 中使用 IE 标签

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

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

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

CSS Hack 汇总

xddxz — Thu, 08 Nov 2007 02:20:15 +0000

屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别 *+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 * html {…} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 html/**/ >body select {……} 这句与上一句的作用相同。

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本身一词也是不包含正面意义的，而是讲这是一种迫不得已的行为，是利用了不正确的浏览器行为。

CSS IE7 IE6 Firefox多浏览器兼容(一)前言

xddxz — Mon, 08 Oct 2007 01:58:55 +0000

在理想的环境中，编写正确的CSS会在支持CSS的每个浏览器中正常工作。不幸的是，我们并不是生活在理想的世界中，浏览器有不少的Bug和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面，CSS开发人员需要发挥创造性。通过利用Bug(hack)和未实现的CSS，卡发人员能够选择性地对不同浏览器应用不同地规则。“招数Hack”和“过滤器”是CSS开发人员地强大工具。但是，正因为功能强大，使用时应该谨慎。了解各种常用招数Hack以及他们地工作原理确实很重要。但是，了解在什么时候应用他们以及什么时候不应该使用也同样。

ie7 ie6 ff (firefox) 兼容总结

xddxz — Wed, 26 Sep 2007 14:44:17 +0000

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.多耐心的调试，肯定让你学到不少好东西。

CSS 多浏览器兼容又一方案

xddxz — Fri, 07 Sep 2007 07:31:43 +0000

什么是浏览器HACK：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个游览器却出了新问题。而HACK就是一种办法，能让你在一个CSS里面独立的写支持不同浏览器的样式。这下就和谐了。呵呵！

针对firefox ie6 ie7的css样式

xddxz — Fri, 07 Sep 2007 06:03:15 +0000

现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。