Question

注意：解决方案已附加到底部的答案中。

好的，我一直在这么做，但现在它不起作用。

这是我的文件夹结构，非常简单：

+ root
|_ + styles
  |_ -main.css
|_ + images
  |_ - background.jpg
|_ - index.html

以下是html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title></title>
    <link href="styles/main.css" type="text/css"/>
</head>
<body>

    <div class="main">

    </div>
</body>
</html>

Css代码：

body
{

}
 div .main
{
    background-image:url(../images/main_background.jpg);
    background-repeat:no-repeat;
    height:950px;
    width:897px;
}

问题是：似乎没有加载css文件，并且html文件上的类名main没有应用css样式。那真是令人沮丧。我也把它们放在IIS下创建一个Application。

可能出现什么问题？

感谢。

解决方案：

由于两个答案应该在同一个地方解决我的问题，我决定在这里提出完整答案：

应该是div.main
和<link href="styles/main.css" type="text/css" rel="stylesheet"/>

Answer 1

您需要为CSS文件声明rel的{{1}}属性，如下所示：

link

Answer 2

我认为css中的div .main应该是div.main。注意空间不足。

使用空格指定div的子元素，其中子类具有类main，没有空格，您指定具有类main的div。

Answer 3

将路径从相对路径更改为绝对路径：

<link href="styles/main.css" type="text/css"/><!-- relative -->
<link href="/styles/main.css" type="text/css"/><!-- absolute -->

本地主机中的CSS加载和应用问题

3 个答案: