CSS没有正确链接

时间:2017-07-20 19:14:49

标签: html css

我正在制作一个包含以下HTML代码的快速网页

<!DOCTYPE html>
<html>
    <head>
        <title>Summer CTF</title>
        <link ref="stylesheet" type="text/css" href="ctf.css">
    </head>
    <body>
        <h1>Harris Summer 2017 CTF</h1>
        <table>
            <tr>
                <td>Name</td>
                <td>Points</td>
                <td>Flags Acquired</td>
            </tr>
            <tr>
                <td>John Doe</td>
                <td>2.5</td>
                <td><a href="flag1.html">#1</a>, <a href="flag6.html">#6</a></td>
            </tr>
            <tr>
                <td>Jane Doe</td>
                <td>2</td>
                <td><a href="flag2.html">#2</a>, <a href="flag3.html">#3</a></td>
            </tr>
        </table>
    </body>
</html>

但是,与html保存在同一目录中的css没有链接到html。我使用样式标签只是为了看看css是否会在我的浏览器中显示但是有效。这些都是本地存储的。

编辑:ctf.css包含以下代码

* {
    color: blue;
}

h1 {
    font-family: 'Raleway', sans-serif;
    color: red;
}

table, tr, td {
    border: 1px black solid;
}

1 个答案:

答案 0 :(得分:3)

你应该改变

<link ref="stylesheet" type="text/css" href="ctf.css">

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