CSS在一个单独的文件并不适用于INDEX.HTML

问题描述 投票：1回答：4

我是新来的HTML和我试图创建自己的网页与HTML如下

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

下面CSS

h1{
  color: red;
}

我尝试添加一个类的H1和造型这样的说法，但徒劳无功。如果我做style标签的CSS我的HTML文件中它的工作原理，但我想有它的main.css文件

我希望H1有红色，我也希望在一个单独的文件中的CSS，没有同一个作为我的HTML，这样，这将是干净的

html css
4个回答
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>

但是，尝试用你的main.css的实际路径替换qazxsw POI指qazxsw POI获取更多信息。

4
投票

在./main.css部分，你必须在this文件链接到您的head文件。

将html标记内的以下代码：

css
2
投票

它通常是这样的标签

<head>

但我想你可能会面临的问题是你的CSS的路径。哪里是位于你的CSS文件，如果它是里面像一个风格文件夹中的文件夹，然后你会做这样的事情。

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

您需要导入CSS在HTML文件

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.