Html 在每种颜色中使用CSS文件会带来什么负面影响？

好的，我想要一个CSS文件，它包含HTML中使用的每种颜色。我想知道这是否被认为是不好的做法，以及背后的原因是什么。我的示例代码显示了如何设置要使用的CSS

    .textColorRed    { color: red;    }
    .textColorBlue   { color: blue;   }
    .textColorYellow { color: yellow; }
    .textColorOrange { color: orange; }
    .textColorPurple { color: purple; }
    .textColorGreen  { color: green;  }
    .textColorBrown  { color: brown;  }
    .textColorBlack  { color: black;  }
    .textColorWhite  { color: white;  }
    .textColorGray   { color: gray;   }

    .textColorMagenta  { color: magenta;  }
    .textColorTan      { color: tan;      }
    .textColorCyan     { color: cyan;     }

---

我会使用更多的颜色，并添加十六进制代码后的事情。设置需要一段时间，但设置之后，我会在类中设置所有内容，以便在需要时随时使用，而不必在HTML/CSS类之外使用它。唯一的缺点是，如果您在任何地方都包含文件，而不消除样式重复

如果您正在创建一个普通的、传统的html/css网站，那么只需将其全局包含并引用其中的类，就可以解决这个难题

如果您通过webpack将它们导入到您的文件中，比如说react，只需确保每个文件都没有多个css副本，因为它最终会添加到文件大小中

---

除此之外，这样做没有真正的顾虑

唯一的缺点是，如果您在任何地方都包含该文件，而不消除样式中的重复数据

如果您正在创建一个普通的、传统的html/css网站，那么只需将其全局包含并引用其中的类，就可以解决这个难题

如果您通过webpack将它们导入到您的文件中，比如说react，只需确保每个文件都没有多个css副本，因为它最终会添加到文件大小中

---

除此之外，这样做没有真正的顾虑

阅读了您对评论的回答后，我想说的主要缺点是，您将浪费大量时间，并被困在难以更改的网页调色板上

与您提出的问题不同的问题可能更有用，例如“如何最好地处理网页中的多种颜色？”

---

有很多方法可以解决这个问题（取决于首选项、项目大小等），但一个简单的方法是定义主文档的默认文本颜色，然后为不同的文本样式添加一组类，这些类将覆盖默认文本。将它们称为例如

.primaryTextColor

、

secondaryTextColor

和

.accentTextColor

并在整个页面中使用它们。然后，您可以定义这些类并在一个位置设置颜色，然后您可以快速轻松地更改页面的外观。

阅读了您对评论的回答后，我想说的主要缺点是，您将浪费大量时间，并被困在难以更改的网页调色板上

与您提出的问题不同的问题可能更有用，例如“如何最好地处理网页中的多种颜色？”

---

有很多方法可以解决这个问题（取决于首选项、项目大小等），但一个简单的方法是定义主文档的默认文本颜色，然后为不同的文本样式添加一组类，这些类将覆盖默认文本。将它们称为例如

.primaryTextColor

、

secondaryTextColor

和

.accentTextColor

并在整个页面中使用它们。然后，您可以定义这些类并在一个位置设置颜色，然后可以快速轻松地更改页面外观。

不要这样做。使用CSS的关键是向元素添加抽象类，然后将它们组合在一起。您的方法与使用

没有区别。在这两种情况下，要更改样式，例如所有标题从红色变为绿色，您需要转到HTML代码并在所有位置更改它

最好根据类的函数

.article header

或

primaryTextColor

（如@WillJenkins建议的那样）来命名类。这样以后更容易改变颜色，而且它提供了更清晰的含义

---

最后-不要考虑性能或加载速度。现在这不是问题。最重要的是正确构造CSS和HTML。

不要这样做。使用CSS的关键是向元素添加抽象类，然后将它们组合在一起。您的方法与使用

没有区别。在这两种情况下，要更改样式，例如所有标题从红色变为绿色，您需要转到HTML代码并在所有位置更改它

最好根据类的函数

.article header

或

primaryTextColor

（如@WillJenkins建议的那样）来命名类。这样以后更容易改变颜色，而且它提供了更清晰的含义

---

最后-不要考虑性能或加载速度。现在这不是问题。最重要的是正确地构造CSS和HTML。

除非你能找到一种方法来命名16777216种颜色并记住它们的名称，否则本质上不会有任何问题。这会影响网站的加载速度吗？你为什么要这样做？它给你买了什么？我对CSS、HTML和JS都是新手。我已经学了大约4天了，我想让一些事情变得简单一些。当我说“每种颜色”时，我过分夸张了，因为它不是，但它是一大堆修改器（字体类型、背景色、字体大小、字体样式），最终更多；但我担心这样一个文件可能会有缺点。我只想要普通的颜色，我想添加更多。为了回答你的问题，很可能它不会影响你的速度，CSS文件最多只有几KB。除非你能找到方法命名16777216种颜色并记住它们的名称，这本身应该没有问题。这会影响网站的加载速度吗？你为什么要这样做？它给你买了什么？我对CSS、HTML和JS都是新手。我已经学了大约4天了，我想让一些事情变得简单一些。当我说“每种颜色”时，我过分夸张了，因为它不是，但它有大量的修改器（字体类型、背景色、字体大小）