html加载外部css无效，html调用外部css文件

为什么HTML引用CSS没效果

检查HTML文件中是否正确引用了CSS和JavaScript文件，包括文件的路径和文件名是否正确。检查HTML文件中是否正确嵌入了JavaScript代码，包括代码的位置和语法是否正确。

首先 文件名里不要有空格，第二，你链接的css文件，是style目录下的。

缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

是可以调用css的，你的代码没有效果，是因为你的html中没有div这个标签，所以css中对div的修饰没有可以修饰的对象，你只需在body中加个div标签就可以了。

刷新项目目录，确定css文件相对路径是否正确 查看link加载时 是否含有中文引号导致无法识别 使用开发者工具（大多数浏览器按F12），看css文件是否成功加载。

相关问答

Q1: 调用外部css文件,为什么不生效?

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

2、type=text/css href=a.css /两种路径写法是有区别的。比如，如果你把文件放在根目录下级目录。第一种是相对当前页面。第二种是相对跟目录。

3、原因可能是没有把外部CSS引进来，加入下列代码来解决：使用link的方式将类样式引入进来，将这段代码最好放在标签内部，主要是为了在页面第一次进行加载的时候就将类样式引入进来。

4、缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

5、解决方法如下：需要加入rel=stylesheet就可以解决了。rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用，一般不需要改动的。

6、这个一般是不太可能的，因为对于css火狐浏览器是基本全部兼容的。最新版的火狐浏览器是完全遵循w3c标准的，所以检查一下火狐浏览器的版本是不是太低，如果太低请升级到最新版本。

Q2: 请问为什么css文件用link嵌入到HTML文件后打开网页没有效果?

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

你CSS里面的的body拼错了，写成了dody。修改了再看看效果，是不是正常了。

因为link标签的href属性就是用来标识引用文件的目标路径。你需要用相对路径或者绝对路径来正确引入css。建议用相对路径。把link的href改成../css/st.css.. 表示当前目录的上一层目录。

可能是路径问题，查看路径是否正确。CSS代码编写有问题，可能是utf-16，重新编写改成utf-8，或者在link里面添加属性：charset=utf-8就好了 代码写错了。

缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

首先 文件名里不要有空格，第二，你链接的css文件，是style目录下的。

Q3: 为什么HTML调用不了css

首先 文件名里不要有空格，第二，你链接的css文件，是style目录下的。

css样式无法链接至html，有以下几方面原因：css链接地址错误；请查看正确的css存放地址。css语法书写错误；请检查语法错误。css文件权限问题；请检查是否设置了文件权限，导致html网页无法调用css文件。

在放css文件的目录下再放一个test.html，test.html里面随便打几个字，用带域名的绝对路径访问test.html，若能正常访问则可以排除目录访问权限设置出错。因为你html和css文件都放在同一个文件夹下， 这一步可以跳过。

刷新项目目录，确定css文件相对路径是否正确 查看link加载时 是否含有中文引号导致无法识别 使用开发者工具（大多数浏览器按F12），看css文件是否成功加载。

缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

css文件的路径错了，你再检查一下文件路径。具体方法：把下面的HTML代码放在HEAD之间。link rel=stylesheet type=text/css href=你要加载的CSS文件名称 rel=stylesheet 这是必要的。

关于html加载外部css无效和html调用外部css文件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。