如何为标题提供自己的样式表?



具体来说,我只想通过赋予它自己的颜色、字体、大小、重量等来更改此标题

<div id="header">
   <a href="google.com">
   <h1>
       <li><a href="#" class="navLink">EXAMPLE LINK</a></li>
   </h1>
</div>

首先,您的HTML中有几个错误,应首先修复:

<div id="header">
    <!-- needs a closing </a> tag and some text, as well as a full href -->
    <a href="http://google.com"></a>
    <!-- what is your reason for using an LI element here? -->
    <h1><li><a href="#" class="navLink">EXAMPLE LINK</a></li></h1>
</div>

就样式而言,您可以使用CSS,如下所示:

h1 {
    color: red;
    font-size: 5em;
    text-decoration: underline;
}
/* etc. */

在谷歌上搜索基本的CSS教程。 一旦你决定了你想要应用的样式,只需将你的文本文档保存为"style.css",并在HTML文件的标题中添加一个LINK元素(这将允许你将其用作外部样式表)。

<head>
    <link rel="stylesheet" href="style.css" />
</head>

还有其他应用样式的方法,例如内联样式等,但以上是更典型的方法之一。

以下是一些帮助您入门的资源:
w3schools CSS tutorial
CSS-Tricks
如何应用样式表

这是一个 jsfiddle

您可以使用以下命令指定样式表:

<link href="<path>/site.css" rel="stylesheet" type="text/css" />

其中<path>是样式表的路径,站点.css是样式表的名称。这通常是在 <head> .

您可以使用页面或样式文件中的内联样式或style部分执行此操作。我不确定您是否也想格式化a。 另外,我不确定您是要设置标题div 还是 h1 的样式。如果要设置 h1 样式,请在 css 中将 #header 替换为 h1

最新更新