网页设计者的生活有时是很艰苦的。为了一个新的设计,他们要埋头苦干,甚至要去参阅17个委员会制定的相关规范和4个主要修订版本的相关标准和信息。最后总算得到了一个令人满意的效果,而此时,一个副总裁却突然说“我正在考虑我们标题中所使用的绿色调,能否让我们看到一些较亮色调或者更暗色调的网站版本呢?”
好了,现在有必要召开另一个会议了。设计者又得重新回到电脑前设计一个新版本,需要将所有的<FONT COLOR=”green”>标签替换为另一种不同色调的标签。同时,其他管理员也要开始考虑他们自己的方式,以适应新的设计样式。或许标题应该是暗蓝色而不是绿色,或许边框的背景颜色不对,或许应该用公司的标志作为列表项前的项目符号,而不是像其他的那样使用小黑点。
因此,在下一次设计会议上,在取得大家的一致同意后,所有这些新版的修订思想就开始涌现了,所有的管理员都在点头称道。为什么要这样做呢?或许我们应该看到使用红色而非绿色的新版设计。于是一场螺旋式的战斗又打响了。即使是工作在一个非常幸运的环境下,不需要忍受这样的无理取闹,但有时,自己也会提出类似的问题。蓝色的边框背景与黄色的链接对比度够吗?不同段落中的标题使用不同的字体会怎样呢?红色的标题是不是看起来更好呢?唯一的方法就是将FONT标签和BGCOLOR属性乱摆弄一通。如果文档很多或者设计很复杂,这就会花掉很多时间。而且如果突然要转向一个不同的设计方向时,可能花在清理原有的残留物上的时间会与实际用于创作设计工作上的时间一样多。
而样式表能提供一种简单、方便、强有力的方式来摆脱这个困境。CSS给设计者的一个最大的便利,就是能将一套样式应用于同种类型和所有元素的这一能力。这可能说得还不够明白,但考虑一下:编辑CSS中的某一行就能够改变所有标准的颜色。不喜欢使用蓝色吗?改变一行代码,所有的标题都可变为紫色、黄色或褐色,或是其他任何喜欢的颜色。设计时间和繁琐的工作也因此而减少了,而且能更好地将注意力集中在创新上。下次开会时,如果某个人想看到不同颜色的标准,只需编辑网页的样式,再重新载人即可。哗!变化后的结果就摆在所有人的面前,仅仅花了几秒钟的时间就完成了,再也不需要开下一次会了!
当然,CSS不能解决所有的问题——例如,不能用它来改变GIF的颜色,但它能使工作变得比过去更容易。这是通过选择符(selector)和结构(structure)来实现的,选择符用于产生变化,而变化又充分利用了结构。