Html CSS在页面上不起作用_Html_Css_Cascading

Html CSS在页面上不起作用

html css

Html CSS在页面上不起作用,html,css,cascading,Html,Css,Cascading,我是一名新的网页设计专业的学生，我刚刚学习了层叠样式表以及如何在外部链接它们；然而，我遇到了一个问题。我在我的中链接了该文件，没有问题，并且文件目录正确，但没有显示我所做的更改。如果我有一个标记或属性，那么我的CSS可以工作，但不能来自外部文件。有什么帮助吗 <!DOCTYPE html> <html> <head> <title>Protein Structures</title> <link href="styles/main

我是一名新的网页设计专业的学生，我刚刚学习了层叠样式表以及如何在外部链接它们；然而，我遇到了一个问题。我在我的

中链接了该文件，没有问题，并且文件目录正确，但没有显示我所做的更改。如果我有一个

标记或属性，那么我的CSS可以工作，但不能来自外部文件。有什么帮助吗

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


蛋白质结构

您需要添加链接的关系。将您的

标记更改为：

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

您可能需要查看文档以了解为什么需要使用

rel

。

我在匆忙中也会犯同样的错误。问题是，您正确链接了文件，但浏览器不知道如何解释文件。它是样式表、图标、替代样式表吗？您需要添加rel属性并将其设置为等于样式表

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

我不确定type=“text/css”是否仍然是必需的。我知道在使用Javascript时，不必使用type=“text/Javascript”

这里有一个很好的链接说明原因。

试试这个，我希望它能起作用

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

某些css路径问题请检查ittry