html - 更改网页主题

Question

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

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

• 页面所有主要标题的 h1 标签
• .image 页面所有图像的类
• 页面内容的 p 标签类
• 等等....

所以我将使用这些具有不同颜色的类名称创建多个样式表。

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

.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

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