在一个html文件中使用多个CSS样式表

Question

对于我的一个作业,我必须制作2个不同的CSS样式表,我已经完成了.现在在作业中它说如果我想我可以将两个样式表链接到一个html页面,所以我猜测将有两个选项在两种样式之间切换.我的问题:我如何实现这一目标？我听说有一些java涉及,我还需要创建按钮还是下拉菜单,以便显示选项？

如果你不明白我想说的话,这是一个例子:http: //adactio.com/.在底部你可以选择更改主题,但我不介意只有两个按钮.

提前致谢.

Answer 1

如果没有对服务器的请求,您的示例不会更改页面样式,因此它不是您可能想要的.我认为您的教授询问了"替代"样式表,可以从Web浏览器中选择.

<link rel="stylesheet" type="text/css" href="std.css" title="standard skin" />
<link rel="alternate stylesheet" type="text/css" href="alt.css" title="alternate skin" />

使用此代码在您的文档中,您可以选择用于样式的样式表,并且可以在没有php,cgi或其他服务器端技术的情况下进行更改.

http://www.w3.org/Style/Examples/007/alternatives获取更多信息.

注意:

最初加载文档时,将持久和首选样式表应用于文档.然后,用户可以选择备用样式表.W3C告诉我们浏览器应该让我们选择我们想要使用的样式表,并建议可能会提供一个下拉菜单或工具栏.

(来自http://www.alistapart.com/articles/alternate/)