Question

work.css property folder我正在使用Windows 8.1，wamp，sublime（未注册）和Firefox。我正在关注html5和css3的一些教程。第一个项目进展顺利，我仍将其文件夹保存在c：windows / wamp / www中，一切顺利。但是，我开始了一个关于html表的新教程，并考虑制作一个新的文件夹/项目。在这个新的文件夹/项目中，我无法获得样式表来自定义html索引，所以我报废了。我重新开始，只是遇到同样的问题。

我现在尝试创建多个项目，在多个浏览器上测试它们，甚至安装了mamp。但问题仍然存在。

单击firefox / fire bug中的css选项会显示样式表。

我的文件位于同一文件夹index.html work.css

中

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="work.css">
</head>
<body> why wont you work

</body>
</html>

Answer 1

如果你的CSS和HTML文件在同一文件夹中，那么

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

如果你的CSS文件在不同的文件夹中，那么

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

注意：HTML不需要../来链接任何文件。 ../当您通过CSS代码调用任何文件时，它将被要求。

<强>编辑：

我看到了你的形象。您尚未创建任何CSS文件。您的work文件现在是work.txt。请将其work.txt更改为work.css。请更改Windows文件夹视图选项详细信息并显示文件类型。

Answer 2

如果您的CSS文件位于可以使用的同一HTML文件夹中：

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

但如果它在其他文件夹中，例如您必须使用STYLE文件夹：

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

Answer 3

在chrome中尝试 Ctrl + u 并点击链接href如果你能找到css，如果你已经正确使用了class和Id，它应该可以工作，否则更新href。

中的css文件路径

样式表未链接到html

3 个答案: