6

我知道这与编码问题无关,但在我开始处理该场景之前,我想获得一些指导。

该方案是提供更改页面主题的选项。我决定的是,为多个元素提供通用类,例如

  • 页面所有主要标题的 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 图形和图表的颜色一样)。

4

2 回答 2

3

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

于 2012-12-19T07:22:37.767 回答
0

您可以使用LESSSaSS

LESS 适用于服务器端和客户端

于 2013-06-11T07:00:42.320 回答