Html CSS在本地主机中的加载与应用问题_Html_Css

Html CSS在本地主机中的加载与应用问题

html css

Html CSS在本地主机中的加载与应用问题,html,css,Html,Css,注意：答案已附加在底部好吧，我一直在做，但现在不行了这是我的文件夹结构，非常简单： + root |_ + styles |_ -main.css |_ + images |_ - background.jpg |_ - index.html 问题是：css文件似乎没有加载，html文件上的类名main没有应用css样式。这真令人沮丧。我还将它们放在IIS下创建应用程序有什么不对劲吗谢谢解决方案： <!DOCTYPE html PUBLIC "-//W3C//DTD XH

注意：答案已附加在底部

好吧，我一直在做，但现在不行了

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

main

没有应用css样式。这真令人沮丧。我还将它们放在IIS下创建应用程序

有什么不对劲吗

谢谢

解决方案：

<!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>

body
{

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

因为两个答案应该在同一个地方解决我的问题，我决定把完整的答案放在这里：

它应该是

div.main

和

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

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

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

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

您需要为CSS文件的

链接

声明

rel

属性，如下所示：

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

您需要为CSS文件的

链接

声明

rel

属性，如下所示：

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

我认为css中的

div.main

应该是

div.main

。请注意缺少空间

使用空格指定div的子元素，其中子元素有class main，而不使用空格指定带有class main的div。

我认为css中的

div.main

应该是

div.main

。请注意缺少空间

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

@Braveyard这也是正确的。要使用类

main

以

div

为目标，需要使用

div.main

或只使用

.main

。使用

div.main

将查找具有class

.main

的子元素的

div

。我不知道空间因子。谢谢。这一条也是正确的，但我只有一个选项可以标记为答案。@Braveyard这也是正确的。要使用类

main

以

div

为目标，需要使用

div.main

或只使用

.main

。使用

div.main

将查找具有class

.main

的子元素的

div

。我不知道空间因子。谢谢。这个答案也是正确的，但我只有一个选项可以标记为答案。这个答案也是正确的，但要完全解决问题，tjm的答案也是必需的——这个答案也是正确的，但要完全解决问题，tjm的答案也是必需的--