Web 品质 - CSS 样式表 - 提高网站品质

使用 CSS 样式表能够让 WEB 的表现层和内容分离，对于提升网页品质至关重要

对于如何使用 CSS 样式表，我们有以下几点建议

不要使用 <font> 标签！

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

<font> 在最新的 HTML5 中被废弃，所以你更加不要使用

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

请设想一下下面的这种糟糕的情况：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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