5

我是一名新的网页设计学生,我刚刚了解了层叠样式表以及如何在外部链接它们;但是,我遇到了一个问题。我的文件链接<head>没有问题,文件目录是正确的,但是我的更改没有显示出来。如果我有<style>标签或属性,那么我的 CSS 可以工作,但不能来自外部文件。有什么帮助吗?

<!DOCTYPE html>
<html>
<head>
<title>Protein Structures</title>
<link href="styles/main.css">
</head>
4

3 回答 3

5

当我赶时间时,我也会犯同样的错误。问题是,您正确链接了文件,但浏览器不知道如何解释文件。它是样式表、图标还是备用样式表?您需要添加 rel 属性并将其设置为等于样式表。

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

我不确定 type="text/css" 是否仍然是强制性的。我知道在做 Javascript 时你不必有 type="text/javascript"。

这是一个很好的链接,解释了原因。

于 2013-11-09T04:59:33.620 回答
3

您需要添加链接的关系是什么。<link>将您的标签更改为:

<link href="styles/main.css" rel="stylesheet">

您可能想查看链接类型的文档以了解为什么rel需要。

于 2013-11-09T04:58:50.127 回答
2

试试这个,我希望这有效。

<link type="text/css" rel="stylesheet" href="styles/main.css" media="all">
于 2013-11-09T04:59:38.013 回答