Question

我尝试使用不同的编辑器和IDE（netbeans和visual studio代码）以及不同的浏览器（firefox开发者版），但是，我似乎无法将css表应用于主html文件。样式表编辑器说没有样式表附加到html文件这是html文件：

<!DOCTYPE html>
<html>
    <head>
        <title>The Animal Game</title>
        <meta charset="utf-8"/>
        <link href="animalgame.css" type="text/css" rel="stylsheet" />
        <script src="animalgame.js" type="text/javascript"></script>
    </head>

    <body>
        <h1>The Animal Game</h1>
        <p>Think of an animal, then let me guess it!</p>
        <div id="container">
            <fieldset>
                <legend>Questions</legend>
                <p id="questions"></p>
            </fieldset>
            <fieldset id="answer">
                <legend>Answer</legend>
                <button id="yes">Yes</button>
                <button id="no" >No</button>
            </fieldset>
        </div>

    </body>
</html>

CSS样式表：

body {
    font: 12pt "Century Gothic", "Helvetica", "Arial", sans-serif;
}

button {
    font-size: 20pt;
    font-weight: bold;
    margin: 15px auto;

}
#container{
    margin: auto;
    width: 520px;
}
fieldset {
    background-color: #F0F0F0;
    float: left;
    height: 150px;
    margin-right: 15px;
    text-align: center;

}
h1, p {
    text-align: center;
}
#questions {
    font-size: 16pt;
    text-align: center;
    width: 300px;
}

编辑：问题解决了！有一个错字。谢谢你的所有提示

Answer 1

rel="stylsheet"中有一个拼写错误，应该是stylesheet

为什么我的CSS没有申请？

1 个答案: