Question

所以我在使用外部样式表并将其连接到HTML时遇到了一些问题（非常简单，正确）。

我一直在互联网上复制非常简单的例子几行，看看我的代码是否有问题，而HTML部分工作（我看到的话），当我使用外部CSS时，没有的风格应用。

请参阅下面的代码。我试图不使用<style></style>。我想获得红色文字：

＆＃13;

    h1 {
	    color: red;
    }

＆＃13;

 <!DOCTYPE html>
    <html>
    <head>
	     <link rel="stylesheet" type="text/css" href="main.css">
    </head>
    <body>
	     <h1>Framework Test Page</h1>
    </body>
    </html>

＆＃13;

Answer 1

chaeck whater css文件包含css规则，你的html元素和css文件在同一个文件夹中。因为这个html文件没有任何css规则（css）aply。另一件事是你不能使用

h1{
    color:red;
}

喜欢这个。你sholud在<style></style>标签内使用该部分。

Answer 2

您的main.css需要与html文件位于同一文件夹中。如果您的css文件位于css文件夹中，请使用css/main.css

另外，如果您在html文件中进行样式更改（您不应该这样做），请将这些更改放在样式标记中：

<style> h1{color:red;} </style>

将CSS与HTML连接的问题

2 个答案: