cssファイルがｈｔｍｌに読み込まれない

cssファイルがhtmlに読み込まれません
osはwindows
エディタはatomを使ってます

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>web制作に挑戦</title>
6  </head>
7  <link rel="stylesheet" type="text/css" href="web/css">
8    <h1>HTMLやってくぜ</h1>
9    <p>はじめてのHTMLを作りました</p>
10
11  </body>
12</html>

css
1head{
2  display:block;
3  background-color:#b3d4fc;
4  text-alighn:center;
5}

エラーメッセージはこれです
net::ERR_FILE_NOT_FOUND

行動規範の内容に同意します

回答3件

ファイル名はweb/cssで本当にあってますか？

投稿2020/05/02 00:16

m.ts10806

総合スコア80875

ベストアンサー

HTML
1 <link rel="stylesheet" type="text/css" href="web/css">

ファイル名または、ファイルの置いてあるディレクトリは正しいか確認してください。

投稿2020/05/02 00:10

javahack

総合スコア1088

CSS ファイルは、どういう名前で html からみて、相対パスはどうなっていますか。それが分かるように href の値を書く必要があります。

あと、直接の問題ではないですが、<link> は<head>～</head>の間に（子として）入れるようにしましょう。

<link> 要素はリンク種別が body-ok であるかどうかによって、<head> 要素または <body> 要素のどちらかに置くことができます。例えば stylesheet リンク種別は body-ok であり、<link rel="stylesheet"> を body 要素内に置くことができます。しかし、これは従うべき良い方法ではありません。<link> 要素は <head> に入れて本文から離した方が分かりやすくなります。

投稿2020/05/02 00:10

編集2020/05/02 01:01

Yasumichi

総合スコア1773

m.ts10806

2020/05/02 00:17

head内じゃなくても問題ないです。

Yasumichi

2020/05/02 00:32 編集

https://developer.mozilla.org/ja/docs/Web/HTML/Element/link より > <link> 要素はリンク種別が body-ok であるかどうかによって、<head> 要素または <body> 要素のどちらかに置くことができます。例えば stylesheet リンク種別は body-ok であり、<link rel="stylesheet"> を body 要素内に置くことができます。しかし、これは従うべき良い方法ではありません。<link> 要素は <head> に入れて本文から離した方が分かりやすくなります。ということで問題はないけど、避けた方が良いと思います。

m.ts10806

2020/05/02 00:58 編集

今回はそれ以前の問題なので「head内に入れたけど効かなかった」という事態も避けたいかなと。パス云々より「どうすればいいか」はハッキリしてますからね。

Yasumichi

2020/05/02 01:00

ああ、なるほど。気をつけます。

m.ts10806

2020/05/02 01:01

はい。結構答え方って難しいです。触ってみないと分からない質問・質問者も多いですからね。

行動規範の内容に同意します

あなたの回答