具体来说,我只想通过赋予它自己的颜色、字体、大小、重量等来更改此标题
<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
。