更改网页的主题

时间:2012-12-19 07:16:00

标签: html css css3 themes

我知道这与编码问题无关,但在我开始研究这个场景之前,我想得到一些指导。

该方案是提供更改页面主题的选项。我所决定的是,给出像

这样的多个元素的通用类
  • 页面所有主要标题的h1标记
  • 。页面所有图片的.image类
  • 页面内容的p标记类
  • 等......

因此,我将使用不同颜色的这些类名创建多个样式表。

但困难在于每个元素的定位。我想为每个元素提供内联样式来定义与位置相关的东西。例如

.image {border:grey solid 1px /*this border color will be different in each stylesheet*/}

<div class="image" style="float:right; margin:6px"><img src="" /> </div>

因此,所有其他元素都将具有用于对齐目的的内联css。

您认为这是实现主题场景的最佳方式吗?

PS - 用户可以自定义主题。 (我们正在编辑面板)。这实际上不是网页,它是一个产品模块(就像我们改变Powepont图表和图表的颜色一样)。

2 个答案:

答案 0 :(得分:3)

不是......我认为您应该为基本样式和一般样式加载默认的“空白”主题。根据用户选择的主题加载另一个样式表。在该主题中指定主题特定样式(比如你的例子中的边框颜色)。

答案 1 :(得分:0)

您可以使用LESS SaSS

LESS在服务器端和客户端都可以使用