html – 更改网页的主题

前端之家收集整理的这篇文章主要介绍了html – 更改网页的主题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

>页面所有主要标题的h1标签
> .Image类,用于页面的所有图像
>用于页面内容的p标记的类
>等等….

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

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

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

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

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

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

最佳答案
不是……我认为您应该为基本样式和一般样式加载默认的“空白”主题.根据用户选择的主题加载另一个样式表.在该主题中指定主题特定样式(如你的例子中的border-color).
原文链接:https://www.f2er.com/css/427574.html

猜你在找的CSS相关文章