我是一名新的网页设计专业的学生，我刚刚学习了级联样式表以及如何将它们外部链接;但是，我遇到了一个问题。我在<head>中链接的文件没有问题，文件目录正确，但我的更改没有显示。如果我有一个<style>标签或属性，那么我的CSS工作，但不是来自外部文件。有什么帮助吗？
<!DOCTYPE html>
<html>
<head>
<title>Protein Structures</title>
<link href="styles/main.css">
</head>
答案 0 :(得分：4)
当我匆忙时，我犯了同样的错误。问题是，您正确链接文件，但浏览器不知道如何解释该文件。它是样式表，图标，备用样式表吗？您需要添加rel属性并将其设置为样式表。
<link rel="stylesheet" type="text/css" href="styles/main.css">
我不确定type =“text / css”是否仍然是强制性的。我知道在做Javascript时你不必拥有type =“text / javascript”。
这是一个很好的链接explaining原因。
答案 1 :(得分：3)
您需要添加链接的关系。将您的<link>标记更改为：
<link href="styles/main.css" rel="stylesheet">
您可能需要查看link types的文档，了解为什么rel是必要的。
答案 2 :(得分：2)
尝试这个我希望这是有效的。
<link type="text/css" rel="stylesheet" href="styles/main.css" media="all">