Question

我有一个问题，我的CSS不会影响我的HTML。我做了一个小提琴here 当我没有尝试连接外部样式表和使用样式标签时，它工作，提前感谢任何可以提供帮助的人。

btw我试过

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

它不起作用。

Answer 1

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

<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

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

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