css - html代码中的颜色文本

Question

我有一个单词 ONE_WORD，我想让它变大一点，更改文本样式并将其涂成红色。我怎样才能做到这一点？我尝试使用此代码，但它不起作用：

<font color="#B00000 ">ONE_WORD</font>

谢谢，D.

score 6 · Accepted Answer

Font已弃用。span改为使用

<span class="word">Your Word</span>

然后对其应用样式。

CSS：

.word
{
font-size:20px;
color:Red;
//Other styles
}

inline不推荐使用样式。

score 3 · Accepted Answer

font已弃用。使用和 CSS 应用特定样式：

<span style="color: #b00; font-size: 16px; font-style: italic;">ONE_WORD</span>

score 3 · Accepted Answer

使用属性样式编辑样式属性：

<span style="color:#B00000;">This is dark red.</span>

更多信息：~~http~~ ://www.w3schools.com/html/html_css.asp （根据大众需求：使用http://www.w3.org/Style/Examples/011/firstcss.en.html#colors和https ://developer.mozilla.org/en-US/docs/CSS/color代替。可能需要很长时间才能找到您在 w3.org 或 MDN 中寻找的内容，但正如所指出的那样，它们肯定更多比 w3schools.com 可靠的来源）

score 3 · Accepted Answer

你可以试试这个

HTML 和内联 CSS

<div class="text" style="color:red; font-size:20px;">ONE_WORD</div>

或使用以下 CSS

.text{color:red; font-size:20px;}

score 2 · Accepted Answer

首先，想想你想要增加它的大小的原因。如果有一个 HTML 元素与该原因相匹配（例如 强调），那么这就是要使用的元素：

<em>ONE_WORD</em>

如果您在其他地方使用相同的元素但不希望其他用途具有相同的外观，则将其与类一起使用。类名也应该反映你的想法，导致你想要它更大：

<em class="ourName">ONE_WORD</em>

如果没有自然匹配，请使用.

<span class="ourName">ONE_WORD</span>

然后在您的 CSS 中设置要匹配的样式。如果您选择第一个选择：

em
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

如果您选择第二选择或第三选择，那么：

.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;
}

或者例如仅将此样式应用于具有该类的元素 - 并处理您使用相同类的其他元素：

em.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

虽然这个词的更多工作只是将样式直接放在它上面，但将这种方法应用于您的整个站点将使其更简单、更快、更合乎逻辑，以便您以后理解，并且更快地进行更改。只需一份文件，它就会开始得到回报。将 CSS 放在单独的文件中将在第二页之后开始获得回报，并继续给予。

score 2 · Accepted Answer

2

ONE_WORD

于 2012-09-01T08:57:22.373 回答

score 2 · Accepted Answer

2

在style中定义 CSS 属性。像这样写：

<font style="color:#B00000">ONE_WORD</font>

于 2012-09-01T08:57:43.257 回答

score 1 · Accepted Answer

1

你必须使用 style 属性来做到这一点：
ONE_WORD"

于 2012-09-01T08:59:09.457 回答

score 0 · Accepted Answer

如果发布的代码没有设置文本颜色，那么问题出在其他地方，可能在覆盖此设置的样式表中，或者在浏览器设置中（浏览器可以设置为忽略网页上建议的颜色）。

人们和组织有不同的意见，但从技术上讲，font标签仍然有效，您还可以在那里设置字体系列和大小，例如

<font color="#B00000" face="Verdana" size="4">ONE_WORD</font>

然而，这是相当不灵活的，因为这里的字体大小由 1 到 7 的数字表示，因此 3 是正常大小，而其他大小则不同，取决于浏览器。为了获得更好的控制，您可以添加一段 CSS，例如

<font color="#B00000" face="Verdana" size="4"
      style="font-size: 135%">ONE_WORD</font>

要将文本样式更改为斜体，您可以环绕它；获得粗体字体，使用和周围。

当然，您可以使用语义上的空span标记并在 CSS 中设置所有内容，尽管几乎没有实际理由这样做来设置单个单词的样式。

9 回答 9