Question

我无法将我的CSS样式表链接到我的html文件。我相信一切都格式正确，当我在finder中打开html文件时，它给出了正确的输出但是当我运行我在本地打开它的webapp时它不起作用。我正在使用sublime进行编辑。

我的index.html文件和我的css文件的一部分。

的index.html：

<html>
<head>
    <title>Attack On Purdue Login</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <div id="init_div">
        <h1>ATTTACK ON PURDUE</h1>
        <div>
            <p style="display: inline">Username:  </p>
            <input type="username">
        </div>
        <div>
            <p style="display: inline">Password:  </p>
            <input type="password">
        </div>

        <button onclick="login()">Login</button>
    </div>
    ...

styles.css的：

#init_div {
    width:800px;
    height:600px;
    background-color:red;
}

编辑：实际上我觉得它与我如何运行它有关。我正在使用node来运行我的index.js文件并表达以打开index.html

继承link以及我的文件路径：

Answer 1

确保在href标记中设置了正确的css文件路径。您可以在头标记中设置这样的css：

<link href="/css/example.css" rel="stylesheet">

Answer 2

包含css文件的相对路径：

<link rel="stylesheet" type="text/css" href="path/to/css/folder/styles.css">

无法将css样式表链接到html

2 个答案: