CSS外部样式表不起作用,但完全相同的CSS在内部样式表

时间:2016-03-28 19:04:08

标签: html css

在制作个人网站时,我遇到了添加CSS样式表的问题。 样式表是一个本地的(在同一个文件夹中有.htm文件),名为“Rodrigo.css”。

以下是hrc中带有CSS的HTML Link标签:

这是CSS样式表的截图(仅限开头部分):

正如您所看到的,没有HTML标签。

注意:我在样式表中使用的CSS以前是在内部样式表中工作,所以我不知道它为什么不起作用。

在制作网站时,我使用了w3schools教程。要做到这一点,特别是“CSS如何......三种方式来嵌入CSS”。

解决

我发现问题是什么,HTML文件是以某些浏览器不支持的格式编码的,并且与外部样式表的格式不同。

2 个答案:

答案 0 :(得分:1)

我下载了HTML文件和CSS文件,将它们放在桌面上的同一文件夹中,CSS文件对HTML文件产生了适当的影响。我通过从文件夹中删除CSS文件来确认这一点,观察外观上的差异,并在我重新复制CSS时验证外观恢复正常。

您的代码似乎是正确的。尝试清除缓存,尝试使用其他浏览器或以隐身模式打开html文件。

编辑:您可以尝试的另一件事是替换

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

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

请注意在文件名前加./。这会强制浏览器查找与CSS文件相同的目录。我可以做到这一点,但我想我遗漏了./

时,旧版浏览器中的链接,图片或超链接出现问题

答案 1 :(得分:0)

所以,我发现了这个问题。事实证明我用UTF-8 Bom对它进行了编码(我不确定这是否为enconding类型的名称)并且这导致浏览器和外部样式表出现问题,因为它并没有出现问题。以相同的格式加入。我要标记这个芒果已经解决了我的问题。

解决方案是将UTP-8中的HTML源文件或其他受支持的文件包含在内,并以相同的格式包含HTML和CSS源文件。

谢谢你的努力,坚强。