-1

しばらくの間、外部スタイル シートを html にリンクしようとしてきましたが、うまくいかないようです。デスクトップの同じフォルダーに両方のファイルを保存しており、テキスト ラングラーを使用して書き込みを行っています。ファインダーでプルアップするとページがどのように表示されるかを確認できますが、ブラウザーでサイトを開くと、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 ファイルが保存されているディレクトリへの無効なパスを使用している可能性があることです: (例: "folder" というディレクトリにあります)

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

他のファイル パスの簡単な説明を次に示します。

./現在のディレクトリを意味します

../ルートディレクトリではなく、現在のディレクトリの親を意味します

/ルートディレクトリです

myfile.textそのまま現在のディレクトリにあります./myfile.text

../myfile.textはあなたの 1 レベル上にあり/myfile.text、ルート ディレクトリにあります。

この問題を回避するには、次のようにスタイルシートへの直接リンクを配置します。

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