链接css和html文件答案

【问题标题】：Linking css and html files链接css和html文件
【发布时间】：2017-07-22 22:05:58
【问题描述】：

我在尝试将我的 CSS 样式表链接到我的 HTML 文件时已经束手无策了，我们将不胜感激！

它们在同一个文件夹中
我选择的 ide 是 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;
}

【问题讨论】：

标签： html css hyperlink stylesheet

【解决方案1】：

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

<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>

【讨论】：

不客气。顺便说一句，欢迎来到 StackOverflow。很高兴接受对您有用的答案。投票也很受欢迎。

【解决方案2】：

移除包裹在标签周围的标签。

【讨论】：

【解决方案3】：

你的标签应该在 head 标签中，而不是 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>

【讨论】：