-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 回答