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

1 html css

我是html的新手,我尝试使用html创建我的网页,如下所示

<!DOCTYPE html>
<html>
  <head>
    <title>My webpage</title>
  </head>
  <body>
    <h1> My web page </h1>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

以下css

h1{
  color: red;
}
Run Code Online (Sandbox Code Playgroud)

我尝试在h1中添加一个类并以这种方式设置它,但是徒劳无功.如果我style在我的html文件中的标签中做css 它可以工作,但我想把它放在一个main.css文件中

我希望h1的颜色为红色,我也希望将css放在一个单独的文件中,与我的html不一样,这样它就会干净

cdr*_*rrr 5

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

将以下代码放在<head>标签中:

   <link rel="stylesheet" href="[the path to your CSS file]">
Run Code Online (Sandbox Code Playgroud)


Rad*_*adu 5

如果我没有弄错你没有将你的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>
Run Code Online (Sandbox Code Playgroud)

但是,试图取代./main.css你的main.css reffer到的实际路径获取更多信息.