Question

具体而言我只想通过赋予它自己的颜色，字体，大小，重量来改变这个标题。等等

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

Answer 1

首先，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. */

在Google上搜索基本的CSS教程。一旦确定了要应用的样式，只需将文本文档保存为“style.css”，然后在HTML文件的标题中添加LINK元素（这将允许您将其用作外部文件）样式表）：

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

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

以下是一些可以帮助您入门的资源：
w3schools CSS tutorial
CSS-Tricks
How to apply stylesheets

Answer 2

Here is a jsfiddle

使用以下命令指定样式表：

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

其中<path>是样式表的路径，Site.css是样式表的名称。这通常是<head>。

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

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

2 个答案: