无法将外部 CSS 链接到 HTML

Question

我目前正在学习 HTML Css ，我的问题是我的外部 css 不会链接到 Z4C4AD5FCA2E7A38F74DBB1CED0 和 Notepad++44DBB1CED0。 但是当我使用常规记事本时，它可以工作。 只是想知道如何解决它，使用那些文本编辑器还挺方便的。

谢谢

Answer 1

您可以像这样（在头部）链接 CSS 文件：

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

假设style.css是 CSS 文件的名称，假设它与 HTML 文件位于同一文件夹中。 如果它是一个目录，您将使用../style.css ，并在文件夹中myfolder/style.css 。

因此，您的 HTML 文件将如下所示：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">

    <title>My Page</title>
</head>
<body>
</body>
</html>

Answer 2

尝试编写完整路径。 它是在线的还是在您的本地计算机中？
在线示例：

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/ >

机器示例：

<link rel="stylesheet" type="text/css" media="screen" href="C:\Users\eduardo.pimenta\Documents\Visual Studio\Workspace\play\css.css" />

Answer 3

在head中添加link标签，在href中添加css文件的路径。

例如，如果 css 是文件夹名称，styles 是其中的 css 文件，则：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
</body>
</html>