Web 品质样式表

Web 品质 - 样式表

---

使用样式表对于提升网页品质至关重要。

---

不要使用 <font> 标签！

应使用 CSS 来设置显示网页上的字体尺寸。请不要使用 font 标签。

使用 <font> 标签会增加文档的规模，而且使您每次改变标准文字尺寸的工作成为一场梦魇。

请设想一下下面的情况：

一天您决定修改网站中所有标题的颜色和尺寸。通过 CSS，您只需要修改一行就可以做到这一点。假如您使用了 <font>标签，那么您需要把网站中所有页面的所有标题都修改一遍。

lamp.gif

使用样式替代 <font> 标签可使我们更轻松地为网页制作高质量的界面。

---

请勿使用固定的字体尺寸

不要使用固定的尺寸值。请始终使用相对的尺寸值。

这项建议最重要的理由是无法通过浏览器重新调整固定尺寸的大小。

您的访问者会使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视）。

例如，可以把某人的文字尺寸设置为100%（或者 medium ），主标题设置为140%（或者 x-large ），而次级的标题设置为120%（或者 large ），这样用户就可以使用浏览器来重新设定最喜欢的尺寸了。

注意： 通过调整网页的文本尺寸的功能，也可以改变打印页面的文字数目。

---

请勿使用很小的默认字体尺寸

一些网站会使用很小的文字尺寸，这样就可以向每张页面"塞"入更多的内容，或者使页面看上去更"时髦"。

再次重申，使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视），都可能对用户造成阅读障碍。

lamp.gif

请不要逼迫用户每次访问你的站点时都要放大文本的尺寸。

---

始终使用一致的背景颜色

大部分网页都会为不同的文本元素使用颜色。标题和链接的颜色通常与正文的文本颜色是不同的。

作为一位 web 设计者，您应当意识到的事实是，您的访问者能够修改默认的颜色选项。

如果您为 web 元素定义了颜色，那么同样应当定义背景颜色。

如果不定义背景颜色，那么您的网站可能会被糟糕的颜色组合搞砸（比如红色背景上面的亮红文字，或者深色文本搭配的深色背景）。

lamp.gif

如果您不规定背景颜色，可能会使文本很难被识别。