【问题标题】:Can I give a title tag a color and different font?我可以给标题标签一个颜色和不同的字体吗?
【发布时间】:2012-11-14 19:02:21
【问题描述】:

我想知道是否有办法在页面选项卡中为页面标题赋予不同的颜色和字体。比如:

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

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

【问题讨论】:

标签: css html tags title


【解决方案1】:

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

没有代码分隔符的正则:javascript

没有代码分隔符的 Reddits 标题:??????????

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

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

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

【讨论】:

    【解决方案2】:

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

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

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

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

    【讨论】:

      【解决方案3】:

      如果您谈论的是<title></title> 部分那么不,您无法设置它的样式。

      如果您在标题标签(例如 h1 或 h2)中谈论页面标题,那么是的,您可以使用普通 CSS 样式技术来设置它们的样式,例如

      .title { color: #1A1A1A }
      
      <h1 class="title">My Awesome Title</h1>
      

      【讨论】:

      • 谢谢@ryan,但这不是我要说的。我说的是一个实际的 标签。
      • @absoluteneXus 抱歉,这是我的回答,在标题标签周围添加了代码标签,以便显示。
      【解决方案4】:

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

      Blinking Titles

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

      如果您要声明这样的内容

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

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

      如果你使用的是.title,那么你的 CSS 应该是

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

      【讨论】:

      • 是的,我两种方式都试过了。因此我在 CSS 中给了它一个 class="title" .title 。我正在阅读标题标签,它在某处说它可以读取一个类,但不能读取标签本身。所以我列出了我尝试过的东西......我不认为如果它不会读取标签,那么它会读取一个类,但我必须尝试它。感谢您的帮助!
      • 啊,我的等级还不够高,不能投票。我对闪烁的标题有疑问。我看到它调用了两条不同的消息。这会以任何方式影响搜索引擎优化吗?我知道标题是搜索机器人首先抓取的内容之一,所以我想知道它是否可以通过使用 Javascript 来消除这些内容?
      猜你喜欢
      • 1970-01-01
      • 2021-09-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-01
      相关资源
      最近更新 更多