1

好的，我试图将我的 index.html 链接到 mystylesheet.css 但不起作用？它在 CodeAcademy 上完美运行，但当我在 chrome 中运行它时似乎不起作用。顺便说一句，我正在使用记事本++。当我说不起作用时，我的意思是 CSS 中的样式没有出现，例如背景颜色。一切都在这里，我做错了什么吗？

索引.html

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="mystylesheet" href="mystylesheet.css"/>
<title>A$AP World</title>
</head>
<body>
<p>Please agree with the terms&conditions before entering.</p>
</body>
</html>

我的样式表.css

body {
background-color: black;
}

p{
color:red;
}

img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}
4

5 回答 5

4

你的rel属性应该是rel="stylesheet"：

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

SitePoint 很好地解释了它：

rel 属性定义了链接资源与引用它的文档之间的关系。在大多数情况下，这个资源只是“样式表”，这并不奇怪，这意味着“引用的文档是一个样式表”。

于 2013-11-08T16:12:00.053 回答
3

更改rel属性值，为rel="stylesheet"

更改此行

<link type="text/css" rel="mystylesheet" href="mystylesheet.css"/>

成为

<link type="text/css" rel="stylesheet" href="mystylesheet.css"/>
于 2013-11-08T16:11:07.910 回答
2

尝试这个：

rel="stylesheet"

代替

rel="mystylesheet"
于 2013-11-08T16:13:00.470 回答
2

尝试：

<link rel="stylesheet" type="text/css" href="mystylesheet.css">
于 2013-11-08T16:11:37.247 回答
1 
<link rel="stylesheet" href="mystylesheet.css" />

当您使用 HTML5 文档类型时，您也可以省略类型声明。

于 2013-11-08T16:21:07.513 回答