Question

我无法获取以下HTML和CSS个文件进行关联。我已将文件保存为.html和.css，并且它们都保存在同一文件夹中，因此不是问题。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>
uni
</h1>
</body>
</html>

.h1 {
  color: #4d79ff;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

Answer 1

问题不在于您如何将样式表与样式表的内容联系起来。

.h1会选择任何类别为h1的标签。这称为类选择器。

元素选择器只是元素;即。 h1 { /*styles here*/ }

因此，要修复您的示例，您需要将html更改为:(不对css进行任何更改）

＆＃13;

.h1 {
  color: #4d79ff;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="main.css">
</head>

<body>
  <h1 class="h1">
uni
</h1>
</body>

</html>

＆＃13;

或者您将css更改为:(未对html进行任何更改）

＆＃13;

h1 {
  color: #4d79ff;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="main.css">
</head>

<body>
  <h1>
uni
</h1>
</body>

</html>

＆＃13;

Answer 2

您将样式应用于.h1课程，而不是h1代码要使它适用于标记 - 而不是类，您必须在开头删除点：

h1 {
  color: #4d79ff;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

Answer 3

制作一个新文件 main.css （.css的扩展名）并将以下代码放入其中

`.h1 {
  color: #4d79ff;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
  position: absolute
 }`

在标记之间的html中，您记下以下代码：

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