我在链接 html 和 Css 时遇到问题,不知道为什么。我正在做书中和教程所说的一切。但是,我不会进行 css 的外部配置。
这是代码(只是一个测试):
<!DOCTYPE html>
<html lang = "eng">
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>title</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheets" type="text/css" href="/styles.css">
</head>
<body>
<h1>test</h1>
</body>
</html>
和CSS:
body {
background-color:#CCCCCC;
}
h1 {
color:#0000EE;
}
也许我错过了一些东西,因为当我做内部 css(在我的 html 代码中)时它没问题并且网络浏览器能够读取它。看起来 html 没有与 css 链接,但它甚至在同一个文件夹中,所以路径应该不是问题。
我正在使用 Linux 和 Aptana Studio。
我在过去 2 小时内进行了很多搜索,但找不到错误所在。
原文由 Telmo Vaz 发布,翻译遵循 CC BY-SA 4.0 许可协议
我邀请您阅读这篇文章 绝对路径和相对路径
然后我们传递给你的代码:
<link rel="stylesheets" type="text/css" href="/styles.css">
应该 :
<link rel="stylesheet" type="text/css" href="styles.css">
您的
styles.css
应该与您的 html 文件位于同一文件夹中。要验证您是否有错误,请检查浏览器的 控制台,您会注意到您的文件不存在(404 错误)。
使你的 css 工作的另一种方法是将它集成到你的页面中而不分离:
例子: