我在将我的外部样式表 style.css 与我的 HTML 文件 index.html 链接时遇到一些问题。
存储这些文件的树如下所示:
+---模板
| |
| +--- 索引.html
+---静态
|
+--- 样式.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;
}
不幸的是，当我在我的 IP 地址(由 lighttpd 托管)下的浏览器上加载 index.html 时，样式表没有链接并且页面保持白色，而不是变成蓝色和黄色文本应该。我研究了类似的问题并尝试了一些方法，但我仍然找不到将它们联系起来的方法，任何人都可以阐明这种情况吗？
编辑:
如果我双击目录中的 index.html 将其作为网页打开，则样式表成功链接并且页面为蓝色。但是，如果我在浏览器中通过我的 IP 地址访问该页面，则会加载相同的页面，但显示为纯白色。所以我想样式表链接正确它更多的是我通过 lighttpd 传递的文件的问题？？
最佳答案
当您在浏览器上运行时，您的代码是完全正确的当您的代码显示时，右键单击并在弹出菜单中选择查看页面源打开您的样式链接，看看它是否在浏览器中打开，如果它在浏览器中打开那么这意味着您的样式表已链接。
关于html - 将 HTML 与样式表链接起来的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48527277/