确保要实现的效果确实存在

有些浏览器对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源代码中的

上一页  [1] [2] [3]