css - 我可以给标题标签一个颜色和不同的字体吗？

Question

我想知道是否有办法在页面选项卡中为页面标题提供不同的颜色和字体。就像是：

title{ color: red; font: 12px tahoma;}

只是觉得添加到网站会很有趣。我尝试了上述方法，但它在我的 CSS 文件中不起作用。还尝试给它class="title"一个 CSS 样式，.title{ color: red; font: 12px tahoma;}但这也不起作用。

score 7 · Accepted Answer

答案是NO你不能以任何方式这样做......你不能将任何样式应用于页面标题，顺便说一句你可以闪烁标题

有关您正在使用的 CSS 的更多信息：

如果您要声明这样的内容

title{ color: red; font: 12px tahoma;}

您不需要定义任何类，因为您针对的是整个文档中只有 1 的特定标题标签

如果你正在使用.title你的 CSS 应该是

.title{ color: red; font: 12px tahoma;}

score 3 · Accepted Answer

以前的答案是正确的，但是，如果它们是在 unicode 中定义的，您可以获得不同的字体。我不知道如何探索这个，但是，例如，有一个经常写的词javascript，然后是我从 reddit.com/r/javascript 源代码中处理的这个标题：- 注意它们是如何略有不同的。

没有代码分隔符的常规：javascript

没有代码分隔符的 Reddits 标题：

您可以在任何地方复制这些字符，它们看起来会有所不同，因为它们在技术上是_不同的字符。有一个然后有 - 我从我之前粘贴的 javascript 单词中抓取了这个。

我不知道这些角色是从哪里来的。我不知道如何输入它们。我不知道从哪里可以复制粘贴它们。

但这证明了一个有趣的观点——任何表情符号都可以在这些标题中使用，你可以从https://www.emojicopy.com/复制粘贴

score 2 · Accepted Answer

如果您正在谈论该<title></title>部分，那么不，您不能对其进行样式设置。

如果您正在谈论页面标题，例如 h1 或 h2 之类的标题标签，那么是的，您可以使用普通的 CSS 样式技术设置这些样式，例如

.title { color: #1A1A1A }

<h1 class="title">My Awesome Title</h1>

score 1 · Accepted Answer

您可以设置标签的样式<title>，只需向其添加“display:block”或“display:inline”。

title {
    display:block;
    color:red;
    font:12px tahoma, serif;
}

例如，这样它就应该出现在您的页面中，并与浏览器上的选项卡内容相同。

至于页面标题，我已经看到可以以某种方式对其进行样式设置。可能是shadow dom。

4 回答 4