Question

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

的index.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>

mystylesheet.css

body {
background-color: black;
}

p{
color:red;
}

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

Answer 1

您的rel属性应为rel="stylesheet"：

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

SitePoint explains it nicely：

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

Answer 2

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

更改此行

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

是

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

Answer 3

尝试：

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

Answer 4

试试这个：

rel="stylesheet"

而不是

rel="mystylesheet"

Answer 5

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

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

将HTML链接到CSS

5 个答案: