html怎么调用外部css？为什么我用link无效？

Question

如题所述

Answer 1

1、使用 link 标签引用CSS：
<link rel="stylesheet" type="text/css" href="css路径.css" />

2、link无效的问题：
出现link所引用的css无效，原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应。
另外，如果css代码写的有错误，即使路径正确也会导致css文件样式不会生效。

Answer 2

html调用外部css文件就是使用link标签，你的无效先看看是否css文件路径问题。追问

都是在同一目录下呢

追答

你页面上加一个样式看看能不能打开链接

追问

可以打开。

追答

你是怎么确认css没有生效呢？
做一个很明显的样式，刷新页面，看看效果，然后去掉标签，再刷新页面，看看效果是否有不同。
还有，注意样式的浏览器兼容性。

追问

好吧，是IE11不兼容

本回答被提问者采纳

Answer 3

如果CSS文件跟HTML文件在同一目录下这样写没有错，如果不同目录就要把ccs文件所在的各级文件夹也写出来 例如： css/common/style.css

Answer 4

我也出现过这种情况,我的问题是因为css文件没有保存,得先保存完再重新打开html

Answer 5

你看看你的路径是不是对的咯
<link rel="stylesheet" rev="stylesheet" href="style/baidu.css" type="text/css" />