将css文件链接到我的html文件

时间:2016-03-06 20:56:42

标签: html css

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

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

这是html文件 我试过" /style.css" ," foldername / style.css" ,以及整个路径

<html>


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

<body>

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

</body>

</html>

这是文件名为style.css

的css文件
.test{color:green; margin:50px;}

1 个答案:

答案 0 :(得分:-2)

您是否将CSS文件命名为&#34; styles.css&#34;或&#34; style.css?&#34;

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

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