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

Question

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

我以崇高的态度创建了这些文件，当我创建styles.css时，我确实进行了另存为，选择了我的HTML所在的桌面上的文件夹，然后将其另存为css文件。 可能是问题所在，当我查看文件夹中的文件时，html表示filename.html，但css只是表示样式而没有.css且文件类型是file。 我试图进入属性并将其更改为.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>

这是css文件，文件名为style.css

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

Answer 1

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

在本地工作时，请使css路径相对。 所以看起来像这样：

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

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

问题描述

1 个解决方案

解决方案1
-2 2016-03-06 21:13:28

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

问题描述

1 个解决方案

解决方案1 -2 2016-03-06 21:13:28

解决方案1
-2 2016-03-06 21:13:28