ブラウザにCSSが一切反映されない

【追記】
index.htmlを【html】フォルダから出したら反映されました。
【portfolio】フォルダ内に【html】フォルダと【css】フォルダがあり、
index.htmlは【html】フォルダに入ってたのですが、それでは反映されないのですか？

ブラウザにCSSがまったく表示されません。
検証ツールで見てみると、net::ERR_FILE_NOT_FOUNDと出ます。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <title>あああ</title>
8  <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
9  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap" rel="stylesheet">
10  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
11  <link rel="stylesheet" href="./css/style.css">
12</head>

cssの名前は、style.cssです。
ついでに画像も読み込みません。。。

ほかのHTML、CSSをコピーして、違うフォルダで、コピー元と同じファイル名で使用しています。

このやり方がおかしいのでしょうか。。。

元々あったフォルダ名を変えて、画像フォルダの名前も変更したら、
HTML内のimg名を変更後の名前にしても、エラーで反映されません。。。

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

回答3件

<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
3つほど全角”になっているので、実際のコードと同じであれば半角に修正してください。

このコードだと、現在のHTMLファイルと同じ階層にある「css」というディレクトリ内にある「style.css」というCSSファイルを参照することになっています。
ファイルの位置関係が正しいか、ファイル名が正しいか確認してください。

投稿2020/08/27 07:16

dit.

総合スコア3235

cssもhtmlの画像も相対パスが間違っているのではないでしょうか。

ファイルの構造を見直してみましょう。

投稿2020/08/27 07:00

shibachan

総合スコア5

自己解決

HTMLファイルをHTMLファイルの外に出したら適用されました！

投稿2020/08/28 02:42

_arukuneko

総合スコア19

dit.

2020/08/28 04:46 編集

「HTMLファイルの外に」は「HTMLフォルダの外に」の誤字だとして、もしファイルの位置関係（フォルダ構造）をそのままにしたいのでしたら`<link rel="stylesheet" href="../css/style.css">`とすれば適応されると思います。 `../`で一つ上の階層を見に行きます。参考 https://webliker.info/78726/