-1

我一直在尝试将我的外部样式表链接到我的 html 一段时间，但我似乎无法实现。我将这两个文件保存在桌面上的同一个文件夹中，并且正在使用文本管理员进行编写。当我在 finder 中将其拉起时，我可以看到该页面的外观，但是当我在浏览器中打开该站点时，它只响应我的 html。

这就是我正在使用的（更新）：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Nathan Langer</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="website/style.css"/>
</head>
<header>
<h3>For proffesional and creative video and media production</h3>
</header>

<body>
<div id="name">
    <h1>Nathan Langer</h1>
</div>
</body>

<footer>
<nav>
    <a href="resume.html">Resume</a>
    <a href="portfolio">Portfolio</a>
    <a href="aboutme">What I Do</a>
</nav>
</footer>

</html>

这是我的CSS：

body {
    background-image: url(images/cool.png);
    background-repeat: no-repeat;
    background-position: center;
}

#name {
    text-align: center;
    font-size: 50px;
    color: white;
    }

nav {
position: center;
}
nav a:hover {text-decoration:none ;}
nav a:visited {color: rgb(256,256,256) ;}
nav a:link {
text-decoration:none ;
color: rgb(256,256,256) ;
    }
4

2 回答 2

0

一切看起来都很好。我看到的唯一问题是您可能使用了指向存储 css 文件的目录的无效路径：（例如：它位于名为“文件夹”的目录中）

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

以下是其他文件路径的简要说明：

./表示当前目录

../表示当前目录的父目录，而不是根目录

/是根目录

myfile.text在当前目录中，原样./myfile.text

../myfile.text比您高一级，/myfile.text位于您的根目录中。

为避免此问题，您可以像这样直接链接到样式表：

<link rel="stylesheet" type="text/css" href="http://www.website.com/style.css"/>
于 2014-06-17T17:34:59.833 回答
0

那么，你能把你的css文件也给我们吗？

旧帖子忽略了这部分

我现在只能说你忘了关闭标签。所以用这个替换它

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

在那之后，为了改变你在css中的h1样式

h1 {
    color:#FF0000;
    font-size: 30px;
}

这应该够了吧！

新部分（在给出 css 之后）

现在看起来你有以下文件夹结构（如 user3291093 所述）

index.html (or whatever your page is called)
website (folder)
  |
  ----> style.css
  ----> images (folder)
    |
    ----> cool.png

我已经在我的计算机上测试了你的代码，如果我把它放在 aboce 文件夹结构中，你的代码就可以工作。您应该在网络浏览器（Chrome、Firefox）中检查您的源代码，并查看指向 css 文件的链接是否真的有效（或使用浏览器的开发工具）

希望这可以帮助 ：）

于 2014-06-17T17:30:52.577 回答