Question

我是html的新手，我尝试按如下方法用html创建我的网页

<!DOCTYPE html>
<html>
  <head>
    <title>My webpage</title>
  </head>
  <body>
    <h1> My web page </h1>
  </body>
</html>

以及以下CSS

h1{
  color: red;
}

我尝试将一个类添加到h1并以这种方式样式化，但是徒劳。如果我在html文件中的style标签中进行css工作，但是我希望将其保存在main.css文件中

我希望h1的颜色为红色，我也希望将css放在一个单独的文件中，该文件与我的html不在同一个文件中，以便它干净

Answer 1

如果我没记错的话，您没有将CSS文件链接到index.html，请尝试类似的操作

<!DOCTYPE html>
<html>
  <head>
    <title>My webpage</title>
    <link rel="stylesheet" type="text/css" href="./main.css">.
  </head>
  <body>
   <h1> My web page </h1>
  </body>
</html>

但是，请尝试使用main.css的实际路径替换./main.css到this，以获取更多信息。

Answer 2

在head部分中，您必须将html文件链接到css文件。

将以下代码放在<head>标记内：

   <link rel="stylesheet" href="[the path to your CSS file]">

Answer 3

通常是这个标签

<link rel="stylesheet" href="yourfilename.css">

但是我认为您可能面临的问题是CSS的路径。如果css文件位于样式文件夹之类的文件夹中，则该文件位于何处？

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

Answer 4

您需要在HTML文件中导入CSS

单独文件中的CSS不适用于index.html

4 个答案: