CSS 技巧和过滤器可以使您有选择地应用到（或者不应用到）某些元素。应当尽可能地找到标准的跨浏览器

的解决办法来实现您想要的效果，而不是动不动就使用过滤器。要将它当成走投无路时的救命手段。在这里可以
找到大量的

CSS 过滤技巧。［译注：不要把这里的 filters 和 IE 中的滤镜混淆。由于各个浏览器对 CSS 标准

的支持程度不一，人们找到了许多技巧，将浏览器无法解释或错误解释的样式表或规则屏蔽掉。这就是所谓的
CSS 过滤器或技巧。mb5u.com
　　如果使用了锚点，在应用超链接样式时要特别小心。

　　如果您在代码中使用了传统的锚点（），您会注意到：

hover

和：

active 伪类也会作用于它。要避免这

种情形，你可以使用

，或者使用鲜为人知的语法：：

link:hover

，：

link:active

“

八、记住

LoVe/HAte”（爱/

恨）链接规则

　　要以下面的顺序指定超链接伪类：

Link

，

Visited

，

Hover

，

Acitve。任何其他顺序都不妥当。假如用

了：

focus

，次序应为

LVHFA “

（

Lord Vader‘s Handle Formerly Anakin”，Matt Haughey 这样建

议）。

“

　　请记住

TRouBLED”（麻烦的）边框。

　　边框（

border）、边距（margin）和补白（padding

）的简写次序为：顺时针方向从上开始，即

Top，

Right

，

Bottom

，

Left

。比如

margin

：

0 1px 3px 5px;表示上边距为零，右边距为 1px，依此类推。

九、非零值要指明单位。
　　在用

CSS 指定字体、边距或大小时，必须指明所用的单位。某些浏览器对未指明单位的处理方法不足为凭。

零就是零，不管是

px 还是 em

还是其他单位，它不需要单位。例如：

padding

：

0 2px 0 1em;

十、测试不同的字体大小。
　　像

Mozilla 和 Opera 这样的高级浏览器允许对字体进行缩放，不管你用的是什么单位。某些用户的默认字

体大小肯定和您的不同，尽最大努力去满足他们。
　　用嵌入式测试，发布时改为输入。
　　将样式表嵌入在你的

HTML 源代码中，在测试时可以消除许多缓存引起的错误，尤其是某些 Mac 下的浏览器。

但在发布前，一定要记住将样式表移到外部文件，用

@import

或引入。

CSS 是用来定义网站的用户界面或将显示和内容区分开来的。

由于

CSS 被广泛地使用在几乎所有网站上，所以让我们花些时间来创建样式表并确保它符合良好的标准。下面的

技巧会极大地在开发过程中帮助

CSS 初学者。

索引

本处的定义将帮助你和其他开发者了解网站和

CSS 文件，还将帮助你们了解 CSS 文件中的内容。索引部分知识一

个格式化了的

CSS 注释段落。

1 给出 CSS 文件的作者信息

2 定义网站的设计（列数，静态/动态）［columns

，

static/liquid］

3 持续跟踪文件版本（当文件有多个作者或未来需要有升级更新的时候非常有用）

锚点

锚点就好像在同一个

CSS 文件中的书签一样，锚点使你清晰地浏览整个 CSS 文件按并且使它很有组织。

锚点需要在

CSS 的索引（上面提到的）处定义，因为 CSS 没有自己的锚点系统，所以我在文档中使用了一个简单

的技巧定义锚点。

方法是用一个比较罕见的字符来定义注释，当你想找某个锚点时，你就可以从索引处复制并查找锚点的定义符，
并找到该锚点。