Question

我添加了

<link rel="stylesheet" type="text/css" href="http://blogsoc.org/mail1/style.css/" />

在index.html上面的标记中。但我的样式表不起作用。我的style.css代码是：

body
{
background-color: #23314F;
}

main
{
margin: 0 auto;
width: 880px;
background: #FAFAFA;
}

应该做出哪些改变？

Answer 1

提供的链接不正确

href="http://blogsoc.org/mail1/style.css/

必须是

href="http://blogsoc.org/mail1/style.css

没有上一个/

Answer 2

没有太多的discriptiv问题。但请尝试删除最后一个斜杠。

<link rel="stylesheet" type="text/css" href="http://blogsoc.org/mail1/style.css" />

Answer 3

“不工作”是一个非常模糊的问题描述。

唯一明显的问题是main会选择HTML中不存在的<main>个元素。我们无法告诉您要将其更改为什么，因为无法看到您的HTML。我建议阅读selectutorial。

由于问题已更新：

http://blogsoc.org/mail1/style.css/给出了404错误。您需要为样式表提供工作URI。 http://blogsoc.org/mail1/style.css似乎就是您想要的。

Answer 4

我以前遇到过这个问题。我解决了它。问题是我最初在Eclipse中将我的页面声明为<frameset>。即使我改变它，问题仍然存在。我复制并粘贴了该页面并在不同的浏览器中进行了测试。

源页面完美地链接到浏览器上的样式表。它只是没有在我的页面上显示样式。

我创建了一个没有声明的新页面，但它确实有效。

The `<link>` tag was not the problem.

    <html>
<head>
    <link type="text/css" href="style.css" rel="stylesheet" />
</head>
<body>
<h1>Test Title</h1>
this is a test page.
</body>
</html>

外部样式表无法正常工作

4 个答案: