Question

index.html文件包含此

<link href="style.css" type="text/css" rel="stylesheet"> <link>
  <nav class="header">
 <img     src="/Users/DeMarcus/Desktop/DevProjects/Websites/CodeCademy/p.4 Datsomo/Resources/images/pattern.jpg" alt="">
<h1>Dasmoto's Arts & Crafts</h1>

我有这个链接，我用来将我的html文件连接到我的css文件。只是当我加载我的页面时，它显示没有任何CSS。

我知道我已经正确地编写了我的css，并使用类来识别我的div容器。任何人都可以帮助我解决我在这里做错的事情吗？

css文件包含此

header{
  font-family: Helvetica;
  font-size: 100px;
  font-weight: bold;
  color: khaki;
  text-align: center;`.

}

Answer 1

试试这个：

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

通过在style.css之前添加./，您明确告诉浏览器您的文件位于同一文件夹中。

另外，检查css文件的大小写。我可以看到在img src中你使用了大写字符和空格。尽量避免使用文件名中的空格和大写字母，因为服务器通常区分大小写。

Answer 2

首先检查css是否已加载。要检查这一点，请右键点击页面 - ＆gt;查看页面源代码。单击href属性中的链接以查看是否获得了css文件。

如果您可以看到您的css文件，那么您的css文件中可能存在语法错误。

如果您看不到自己的css文件，则需要更改指向css文件的链接。

要链接到您的css文件，请使用以下语法：

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

您似乎还需要将css文件中的代码更改为以下内容：

.header {
  font-family: Helvetica;
  font-size: 100px;
  font-weight: bold;
  color: khaki;
  text-align: center;
}

注意我在标题之前添加了.，因为它是一个类。

另一个注意事项：您应该关闭<nav>标记。

HTML未加载链接的Css类型表

2 个答案: