提升网站质量教程(3)：样式表CSS
日期：2014-04-19 浏览次数：21028 次
使用款式表对于提升网页质量至关重要。
请勿使用 font 标签
应使用 CSS 来设置显示网页上的字体尺寸。请不要使用 font 标签。
使用 <font> 标签会添加文档的规模，而且使您每次改变标准文字尺寸的任务成为一场梦魇。
请设想一下下面的情况：
一天您决定修正网站中所有标题的颜色和尺寸。通过 CSS，您只需求修正一行就可以做到这一点。假如您使用了 <font>标签，那么您需求把网站中所有页面的所有标题都修正一遍。
使用款式替代 <font> 标签可使我们更轻松地为网页制造高质量的界面。
请勿使用固定的字体尺寸
不要使用固定的尺寸值。请一直使用绝对的尺寸值。
这项建议最重要的理由是无法通过浏览器重新调整固定尺寸的大小。
您的访问者会使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视）。
例如，可以把某人的文字尺寸设置为100%（或者 medium ），主标题设置为140%（或者 x-large ），而次级的标题设置为120%（或者 large ），这样用户就可以使用浏览器来重新设定最喜欢的尺寸了。
通过调整网页的文本尺寸的功用，也可以改变打印页面的文字数目。
请勿使用很小的默认字体尺寸
一些网站会使用很小的文字尺寸，这样就可以向每张页面“塞”入更多的内容，或者使页面看上去更“时髦”。
再次重申，使用不同的设备（显示器）、不同的浏览环境（光线）以及可能的残疾（弱视），都可能对用户形成阅读妨碍。
请不要逼迫用户每次访问你的站点时都要放大文本的尺寸。
一直使用分歧的背景颜色
大部分网页都会为不同的文本元素使用颜色。标题和链接的颜色通常与注释的文本颜色是不同的。
作为一位 web 设计者，您该当认识到的理想是，您的访问者能够修正默认的颜色选项。
如果您为 web 元素定义了颜色，那么同样该当定义背景颜色。
如果不定义背景颜色，那么您的网站可能会被蹩脚的颜色组合搞砸（比如红色背景上面的亮红文字，或者深色文本搭配的深色背景）。
如果您不规定背景颜色，可能会使文本很难被识别。
