Question

我正在尝试使用HTML并只调用一个CSS文件，该文件只包含对象的宽度和高度以及颜色，但它不显示该框。

HTML：

<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <title>Harry's Website</title>
</head>

<body>
    <div = id"navigation">
    </div>
    <div = id"header">
    </div>
    <div = id"contentleft">
    </div>
    <div = id"contentright">
    </div>
    <div = id"footer">
    </div>
</body>

CSS：

#navigation
{

    width: 100%;
    height: 35px;
    background-color: #000;

}

#header
{

    width: 100%;
    height: 35px;
    background-color: #000;

}

#contentleft
{

    width: 100%;
    height: 35px;
    background-color: #000;

}

#contentright
{

    width: 100%;
    height: 35px;
    background-color: #000;

}

#footer
{

    width: 100%;
    height: 35px;
    background-color: #000;

}

Answer 1

因为你的html是假的，试试这个：

<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <title>Harry's Website</title>
</head>

<body>
    <div id="navigation">
    </div>
    <div id="header">
    </div>
    <div id="contentleft">
    </div>
    <div id="contentright">
    </div>
    <div id="footer">
    </div>
</body>

Answer 2

使用下面显示的HTML

提供ID

<body>
    <div id="navigation">
    </div>
    <div id="header">
    </div>
    <div id="contentleft">
    </div>
    <div id="contentright">
    </div>
    <div id="footer">
     </div>
</body>

Answer 3

改变这个：

 <div = id"navigation">
 </div>

到此：

 <div id="navigation">
 </div>

注意等号的位置。

Answer 4

您的href路径可能有误，并且您缺少所有ID

的起始引号

HTML：为什么不使用此css文件

4 个答案: