HTML未加载链接的Css类型表
index.html文件包含以下内容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="">
<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;
}