更改网页的主题

Question

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

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

• 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图形和图表的颜色一样).

Answer 1

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