在我的网站html上使用2个样式表

在我的网站html上使用2个样式表,html,xhtml,Html,Xhtml,我已经完成了我的网站和样式表,但现在我已经创建了第二个样式表(称为other.css)。我试图在我的主页上有两个链接,一个是“normal.css”,另一个是“other.css”。因此,基本上我希望用户能够选择我的两种风格。我复制了我所有的原始页面并在其名称中添加了“2”,我还创建了other.css并在这些页面上引用了它。“2”页面都显示替代布局,但我不知道如何让用户在样式之间切换。。。需要帮忙吗 注意,我的html文件根本没有改变,我只是在改变css文件 戴夫问得好。答案在很大程度上取决于

我已经完成了我的网站和样式表,但现在我已经创建了第二个样式表(称为other.css)。我试图在我的主页上有两个链接,一个是“normal.css”,另一个是“other.css”。因此,基本上我希望用户能够选择我的两种风格。我复制了我所有的原始页面并在其名称中添加了“2”,我还创建了other.css并在这些页面上引用了它。“2”页面都显示替代布局,但我不知道如何让用户在样式之间切换。。。需要帮忙吗

注意,我的html文件根本没有改变,我只是在改变css文件


戴夫问得好。答案在很大程度上取决于您使用的服务器端技术。例如,对于我通常使用的GoogleAppEngine,只需更改生成的HTML头的一部分以指向不同的CSS文件。但它不是一个静态HTML文件

特别是一个网站,用不同的样式表演示相同的HTML文件。也许你可以从那里得到一些关于如何做到这一点的想法。您将再次看到,尽管具有不同样式的页面具有相同的HTML源,但它们不是静态的.HTML页面。

不仅解释了如何执行此操作,而且还有许多备用样式表本身,因此您可以实际测试它


在大多数浏览器中,用户可以使用类似视图的方式切换样式表→ 页面样式。所有必要的是让菜单栏可见…

如果服务器上有php,则可以根据cookie更改样式表。以下代码将起作用:

if ($_COOKIE['style'] == '1') {
echo '<link rel="stylesheet" href="normal.css" type="text/css" />';
}
elseif ($_COOKIE['style'] == '2') {
echo '<link rel="stylesheet" href="other.css" type="text/css" />';
}
else {
echo '<link rel="stylesheet" href="normal.css" type="text/css" />';
}

您是否使用任何特定的服务器端技术?显示样式表链接的html。你能使用JavaScript吗(因为,对于客户端选择,我认为你需要)?不,我的网站不会上线,我只是想自学。我还没有链接,只是在标题我引用他们。。。
if ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '1')) {
setcookie(style,2) 
}
elseif ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '2')) {
setcookie(style,1) 
}
else {
setcookie(style,2) 
}