CSS 样式表未链接到我的 html 页面

Question

我有一个问题，我的 css 不影响我的 html。 我在这里做了一个小提琴当我没有尝试连接外部样式表并使用样式标签时它起作用了，在此先感谢任何可以提供帮助的人。

顺便说一句，我试过了

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

它没有用。

Answer 1

确保将它链接到 HTML 的“头部”部分，例如：

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

还要确保关闭标记，并且您正在链接的样式表名为“index.css”

编辑：

HTML 分为两个主要部分标签：body 和 head。 在一个普通的 HTML 页面中，结构是这样的：

<html>
    <head>
    </head>
    <body>
    </body>
</html>

我在这个答案开头引用的代码应该放在 HTML 页面的 head 部分。

Answer 2

你只是链接到index.css的事实让我很担心。 index.css是否在您的站点根目录中？ 如果是，请说明：

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

Answer 3

正如BuddhaBeast 所述，请检查以确保它位于头部标签之间：

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

还要检查您是否正确引用了它。 如果都在一个文件夹中，那么

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

是正确的。

如果它在它自己的文件夹中，例如名为“css”，它应该写成：

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

Answer 4

你把#button而不是input, #button在 css 中。