2016-03-06 173 views
0

我在计算如何将一个.css文件链接到我的.html文件时遇到了太多的麻烦。他们都在我的桌面上的同一个文件夹中。将一个css文件链接到我的html文件

我创建了这些崇高,当我做styles.css我做了saveas选择我的桌面上,我的html文件夹,然后将其保存为一个css文件。可能是问题的一个问题是,当我查看文件夹中的文件时,html说的是filename.html,但是CSS只是说没有.css而文件类型是文件的样式。我试图进入属性并将其更改为.css,但这也不起作用。

这是HTML文件 我已经试过“/style.css”,“文件夹名/ style.css文件”,和整个路径

<html> 


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

<body> 

<div class ="test"> 
    test 
</div> 

</body> 

</html> 

这是一个有风格的文件名CSS文件.css

.test{color:green; margin:50px;} 
+1

*可能是问题的一个问题是,当我看文件夹中的文件,html说filename.html,但CSS只是说样式没有.css和文件类型是文件。* - 这让我怀疑你正在使用Windows资源管理器来检查文件名,并且可能会将其配置为隐藏可识别的文件类型的文件名。这是迷惑自己的好方法,因此追踪该设置并确保其关闭可能是一个好主意。 – Quentin

+0

谢谢quentin,但我已经检查过了。我找到了解决方案,但我不明白它是如何解决它的。到底发生了什么是我点击的CSS文件来打开它,它说打开,我忘了我已经安装了一些叫做括号的HTML编码,并打开它,我认为它转换成一个CSS文件,而我原本以为它不是一个。 – Justin

回答

-2

您是否将CSS文件命名为“styles.css”或“style.css?”

在本地工作时,使您的css路径相对。所以它看起来像这样:

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

它是style.css,我不明白什么使我的文件路径相对意味着什么。我确实保存为,将它放在桌面上的同一个文件夹中,然后放到放置文件类型的地方,我点击了css – Justin

+1

问题是这两个文件位于同一个文件夹中。它并不是说CSS文件位于包含HTML文件的目录的父目录中。 – Quentin

+1

@Justin - 相对的意思是“不使用绝对URL”,它将从一个方案(例如'http:')开始,然后包括所有服务器在内。你已经这样做了。 – Quentin