Question

我最终试图将我的CSS样式表链接到我的HTML文件，我们将非常感谢所有帮助！

他们在同一个文件夹中
我的选择是notepad ++（如果这有所不同）
每个文件的命名都是正确的
我尝试过多个浏览器

我的代码如下：

<!DOCTYPE html>
<html>
<head>

    <title>Christian Potts' Virtual Resume</title>
    <style>
     <link rel = "stylesheet"
      type = "text/css"
      href = "style.css" />

    </style> 
</head>

<body>

<h1>Hello World</h1>

</body>

</html>

样式表：

/* style.css */

h1 {
    color: Blue;
}

Answer 1

删除<style>标记周围的<link>标记。

<style>标记用于定义HTML文档的样式信息，如CSS。在<style>元素中，您可以通过编写CSS来指定HTML元素在浏览器中的呈现方式。

在<style>中编写纯CSS。您无法在<style>代码中链接样式表。

你应该最终得到这个：

<!DOCTYPE html>
<html>
<head>
    <title>Christian Potts' Virtual Resume</title>
    <link rel="stylesheet"
      type="text/css"
      href="style.css" />
</head>

<body>

<h1>Hello World</h1>

</body>

</html>

Answer 2

删除包含＆lt; link＆gt; 标记的＆lt; style＆gt; 标记。

Answer 3

您的标记应位于head标记中，而不是样式标记

所以它将如下：

<!DOCTYPE html>
<html>
    <head>
        <title>Christian Potts' Virtual Resume</title>
        <link rel = "stylesheet" type = "text/css" href = "style.css" />
    </head>

    <body>

        <h1>Hello World</h1>
    </body>

</html>

链接css和html文件

3 个答案: