【问题标题】:What is the shortest way to set font color in HTML?在 HTML 中设置字体颜色的最短方法是什么?
【发布时间】:2023-03-13 12:06:01
【问题描述】:

典型的排序方式是style="color:#A00;" 但是,我想在一个大表格的每个单元格中设置不同的颜色,它变得有点笨重,导致我的页面的下载大小从所有这些样式标签中增加更改字体颜色。

希望只是简单地说<red>Hi, I'm red colored!</red>,但显然这行不通。但我猜除了这个冗长的设置颜色的声明之外,没有别的了?

【问题讨论】:

  • 为什么不使用类呢?
  • 您可以在页面上嵌入一段 JavaScript 并让它为您设置颜色。您可以动态生成十六进制值。这样,您会以执行一些客户端代码为代价来节省一些带宽。
  • 使用合适的样式表会更好。如果“每个单元格中的不同颜色”有一些逻辑,您也许可以使用 CSS 选择器来表达。
  • 为您的颜色添加 css 类并从 javascript 中使用它们
  • 如果下载大小让您担心,那么只需将您的服务器设置为支持 HTTP gzip 编码。重复的文本块压缩得非常好。

标签: html css colors


【解决方案1】:

进入 CSS:

.red {
    color: red;
}

red {
    color: red;
}

进入 HTML:

<red>Im red!</red>
<span class="red">Im red too!</span>

【讨论】:

  • @Quentin 这是有效的 HTML。
  • @Quentin 试试看告诉我
  • @nicael — 不,不是
  • @lante — 浏览器在未来对可能添加到 HTML 标准的内容进行验证并不意味着您想发明的任何元素都成为 HTML 标准的一部分。
【解决方案2】:

如果您真的想要每个单元格使用不同的颜色并且真的不想要标签,我建议您构建一个 JavaScript sn-p 来生成颜色并应用它们。您可以找出正确的 RGB 颜色并增加每个单元格的整数。

了解更多关于您的用例可能会有所帮助。

【讨论】:

    【解决方案3】:

    您可以很容易地为每一行设置两种不同的颜色。如果这就是你要找的东西,那么有很多在线 HTML、CSS 表格生成器网站。 This 是我觉得不错的一个。

    【讨论】:

      猜你喜欢
      • 2016-04-12
      • 2010-09-27
      • 1970-01-01
      • 2012-06-20
      • 2021-06-06
      • 1970-01-01
      • 2021-11-24
      • 1970-01-01
      • 2011-09-04
      相关资源
      最近更新 更多