【问题标题】:How to create the changeable color scheme for a website? [closed]如何为网站创建多变的配色方案? [关闭]
【发布时间】:2018-02-20 19:41:44
【问题描述】:

如何为网站创建多变的配色方案?

我什至不知道如何开始。 我只知道,我应该使用 sass。

你能提供一些教程的链接吗?

例如: example

【问题讨论】:

  • I know only, that I should use sass 不是真的,你可以使用 SASS,你可以使用 LESS,你甚至可以使用 CSS,你甚至可以走 javascript 路线。 SASS / LESS,只是 CSS 的预处理器。我首先建议您了解 CSS 选择器,这里的诀窍是了解 CSS 代表的 Cascading 方面。那么做一个配色方案就很容易了。
  • 要求我们推荐或查找书籍、工具、软件库、教程或其他非现场资源的问题对于 Stack Overflow 来说是题外话,因为它们往往会吸引固执己见答案和垃圾邮件。取而代之的是describe the problem 以及迄今为止为解决该问题所做的工作。
  • 如果我不知道该怎么做,我该如何解决?我找不到教程,这就是为什么在这里提出问题

标签: javascript css bootstrap-4


【解决方案1】:

您可以通过多种不同的方式实现这一目标。首先想到的是:

在纯 CSS 中

您可以在 body 标记上设置通用 CSS 类,并在此基础上加载自定义颜色 CSS 文件。您必须使用custom CSS properties。但请注意浏览器支持。这个想法是使用变量而不是普通的颜色代码,并使用您自定义的调色板为元素着色。

使用预处理器

要获得更多浏览器支持,您可以使用 SASSLESS 等预处理器,采用相同的技术。

主要思想是不要在主 CSS 文件中使用纯颜色代码,而是使用变量来加载您在配色方案中定义的颜色。

祝你有美好的一天。 干杯

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-06
    • 2010-09-23
    • 2013-09-29
    • 1970-01-01
    • 1970-01-01
    • 2021-09-06
    相关资源
    最近更新 更多