我的div框没有出现,我做错了什么?

0 html css sublimetext

好的,所以Codecademy给了我这个代码来创建看起来像使用div和background-colors的框:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
<body>
    <div></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

而css ......

div {
     background-color: #cc0000;
     height: 100px;
     width: 100px;
}
Run Code Online (Sandbox Code Playgroud)

它工作正常.我有一个红色的盒子.之后我试着自己做,但它不起作用.我的代码几乎完全相同,但不知道发生了什么.这是我的:

<!DOCTYPE HTML>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href"boxes.css"/>
        <title> Boxes </title>
    </head>
    <body>
        <div></div>
    </body>


</html>
Run Code Online (Sandbox Code Playgroud)

css ......

div {
    background-color: #2D1132;
    height: 100px;
    width: 100px;
}
Run Code Online (Sandbox Code Playgroud)

如果有人能够解释我如何能够完成这项工作,那就太棒了!

Dar*_*ren 5

您尚未正确引用样式表.

<link type="text/css" rel="stylesheet" href"boxes.css"/>
Run Code Online (Sandbox Code Playgroud)

应该:

<link type="text/css" rel="stylesheet" href="boxes.css"/> 
Run Code Online (Sandbox Code Playgroud)