Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML未加载链接的Css类型表_Html_Css - Fatal编程技术网

HTML未加载链接的Css类型表

HTML未加载链接的Css类型表,html,css,Html,Css,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="">

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>
header{
  font-family: Helvetica;
  font-size: 100px;
  font-weight: bold;
  color: khaki;
  text-align: center;`.

}
试试这个:

通过添加./before style.css,您可以明确地告诉浏览器您的文件位于同一文件夹中


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

首先检查css是否已加载。 要选中此选项,请右键单击页面->查看页面源。单击
href
属性中的链接,查看是否获得css文件

如果你能看到你的css文件,你的css文件可能有语法错误

如果看不到css文件,则需要更改指向css文件的链接

要链接到css文件,请使用以下语法:

<link rel="stylesheet" type="text/css" href="style.css">
注意,我在标题之前添加了一个
,因为它是一个类


另一个注意事项:你应该关闭你的
标签。

或者将
更改为
或者使用
.header
作为CSS选择器,而不是
header
@MichaelCoker我不知道为什么编辑器没有选择这个。header是我的选择器。啊。如果你看css的结尾,你有一个
`.
-我假设这就是你复制/粘贴你所拥有的工作正常时所缺少的
。index.html和style.css是否在同一目录中?您的浏览器控制台中有错误吗?(我还清理了你的HTML。你需要关闭
并删除散乱的
-不需要关闭
链接)@MichaelCoker我已将它们保存在同一文件夹中。但每当我在safari中加载它时,我都会看到没有css的页面。我应用了您所做的调整,但当我打开html文件时,我仍然没有在safari中看到任何css。
.header {
  font-family: Helvetica;
  font-size: 100px;
  font-weight: bold;
  color: khaki;
  text-align: center;
}