【发布时间】:2012-11-14 19:02:21
【问题描述】:
我想知道是否有办法在页面选项卡中为页面标题赋予不同的颜色和字体。比如:
title{ color: red; font: 12px tahoma;}
只是觉得添加到网站会很有趣。我尝试了上述方法,但它在我的 CSS 文件中不起作用。还尝试给它一个class="title"给它一个.title{ color: red; font: 12px tahoma;}的CSS样式,但这也不起作用。
【问题讨论】:
我想知道是否有办法在页面选项卡中为页面标题赋予不同的颜色和字体。比如:
title{ color: red; font: 12px tahoma;}
只是觉得添加到网站会很有趣。我尝试了上述方法,但它在我的 CSS 文件中不起作用。还尝试给它一个class="title"给它一个.title{ color: red; font: 12px tahoma;}的CSS样式,但这也不起作用。
【问题讨论】:
前面的答案是正确的,但是,如果它们是在 unicode 中定义的,您可以获得不同的字体。我不知道如何探索这个,但是,例如,有一个经常写的词javascript,然后是我从reddit.com/r/javascript源代码处理的这个标题:?????????? - 注意它们是如何轻微的不同。
没有代码分隔符的正则:javascript
没有代码分隔符的 Reddits 标题:??????????
您可以在任何地方复制这些字符,它们看起来会有所不同,因为它们在技术上是_不同的字符。有一个然后有 ? - 我从我之前粘贴的 javascript 单词中抓取了这个。
我不知道这些字符是从哪里来的。我不知道如何输入它们。不知道哪里可以复制粘贴。
但这证明了一个有趣的点——这些标题中可以使用任何表情符号,你可以从https://www.emojicopy.com/复制粘贴
【讨论】:
您可以设置<title> 标签的样式,只需添加“display:block”或“display:inline”即可。
title {
display:block;
color:red;
font:12px tahoma, serif;
}
这样它就应该出现在您的页面中,并与浏览器上的选项卡内容相同。
至于页面标题,我已经看到可以以某种方式对其进行样式设置。可能是shadow dom。
【讨论】:
如果您谈论的是<title></title> 部分那么不,您无法设置它的样式。
如果您在标题标签(例如 h1 或 h2)中谈论页面标题,那么是的,您可以使用普通 CSS 样式技术来设置它们的样式,例如
.title { color: #1A1A1A }
<h1 class="title">My Awesome Title</h1>
【讨论】:
答案是NO,你不能以任何方式这样做......你不能将任何样式应用于页面标题,顺便说一句,你可以让标题闪烁
有关您正在使用的 CSS 的更多信息:
如果您要声明这样的内容
title{ color: red; font: 12px tahoma;}
您不需要定义任何类,因为您针对的是整个文档中只有 1 个的特定标题标签
如果你使用的是.title,那么你的 CSS 应该是
.title{ color: red; font: 12px tahoma;}
【讨论】: