Question

我在将外部样式表style.css与我的HTML文件index.html相关联时出现了一些问题。

存储这些文件的树如下所示：

+--- templates | | | +--- index.html +--- static | +--- style.css

在我的HTML文件index.html中，我使用LINK来抓取样式表style.css。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../static/style.css">
</head>

style.css看起来像这样：

body{
    background: blue;
    color: yellow;
    padding:1%
}

.button {
    font: bold 15px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

不幸的是，当我在我的浏览器下加载index.html我的IP地址（由lighttpd托管）时，样式表没有链接，页面仍然是白色，而不是像黄色文本那样变蓝。我已经研究了类似的问题并尝试了一些事情，但是我仍然找不到链接它们的方法，有人可以对这种情况有所了解吗？

编辑：如果我双击目录中的index.html将其打开为网页，则样式表会成功链接，页面为蓝色。但是，如果我通过浏览器中的IP地址访问该页面，则会加载相同的页面，但是只能使用普通的旧白色。所以我想样式表正确链接它更像是我通过lighttpd传递的文件的问题？

Answer 1

当您在浏览器上运行它时，您的代码是完全正确的，在您的代码显示打开您的样式链接时，右键单击并在弹出菜单中选择查看页面源，如果它在浏览器中打开，则查看它是否在浏览中打开那么这意味着您的样式表已链接。

将HTML与样式表链接起来的问题

1 个答案: