如何在网页设计中
,实现实时切换效果
用
W3C 标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就
是可以在不动骨架（结构，
XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地
换一身皮（表现，
CSS）。
当然，换皮之前你需要先按
W3C 标准建好你的网站，并且为它准备两套表现不一样的
CSS “
”
“
。 换皮 实质上就是 换
CSS”，我们要做的，只是用某种方法让浏览器载入另一套
CSS，重新渲染页面。方法有很多种，我就介绍最常见的三种。
方法一：什么也不干
……
啊？什么也不干？嗯，这个
准确地说是：就干那么一丁点儿 （你还真以为有这么好的
……
事儿呀
）。
假设我们有两套
CSS，分别封闭在两个不同的文件中：a.css 和 b.css。然后在<head>和
</head>之间加入如下两行 XHTML 代码：
<link rel="stylesheet" type="text/css" title="主题 A" href="a.css" />
<link rel="alternate stylesheet" type="text/css" title="主题 B"
href="b.css" />
然后用你的
Firefox
打开这个页面，在菜单栏中选择：查看
-> 页面风格，应该可以看到如
“
”
下的 风景 ：
就这么简单，现在你就可以用
Firefox
“
”
来 换皮 了。
IE？IE
……
没这个功能
MS 就是这么拽，
W3C“
”
明文推荐 ：要求浏览器提供给用户自己选择样式表的权力，可它就不这么干。幸运
的是这件事也不是太难杂，咱就代劳一下吧。