HTML&CSS CSSが適用されないです

現在、ウェブ制作の勉強をしています。
しかし、
HTMLとCSSがつながりません。
どうしてでしょうか？

＜HTMLコード＞

<!DOCTYPE html> <html> <head> <title>test1</title> <link rel="stylesheet" href="test1.css"> </head> <body> <div class="title"> <h1>Cafe~clover~</h1> </div> <ul> <li>ホーム</li> <li>お知らせ</li> <li>お問い合わせ</li> </ul> <h2>おすすめのメニュー</h2> <h3>本日のパスタ</h3> <img src="https://i.pinimg.com/originals/ec/15/05/ec15052dbbc3cb3cc1561d3d6222c32f.jpg"> <p>旬の食材を生かして、当店一番の人気メニューです。</p> <p>ランチタイムだけでなく、カフェタイムにも注文いただけます。</p> <p>900円（税別）</p> <a href="#">ご予約はこちらから</a> </body> </html>

＜CSSコード＞
.title h1{
font-weight:bold;
color:#663300;
}

ファイルはこんな感じで保存しています！

m.ts10806

2020/04/21 08:00

コードはマークダウンの機能を利用してご提示ください。 https://teratail.com/questions/238564 また、この手の問題は原因も対策もほぼ出尽くしています。何かしら調べたり試したりされましたか？具体的に記載してください。

hoshi-takanori

2020/04/21 08:52

エディタは何をお使いですか？実はファイル名が test1.css.txt とか…。

PGPGPG25

2020/04/22 00:46

サブライムテキスト　を使っています！

m.ts10806

2020/04/22 01:25

(２回目)コードはマークダウンの機能を利用してご提示ください。 https://teratail.com/questions/238564

tak_78910

2024/02/14 01:57 編集

CSSが適用されない場合は、以下の通りです。 1．リンク先が間違えている特によくあるのがCSSファイル名のスペルミスです。もしスペルが間違えている場合は、修正することで解決できることがあります。またフォルダ内(例えば、フォルダ名がCSSの場合)にCSSがある場合、適用されません。その場合は、 <link rel="stylesheet" href="./css/test1.css">で解決することがあります。 2．ブラウザをキャッシュもしスペルが一致しているのに、CSSが適用されない場合、ブラウザのキャッシュが溜まっている可能性があります。縦3つの…から設定を開く→履歴のメニューから履歴を開く→閲覧履歴の削除を開く→履歴の削除のポップアップ画面が出るので、データを削除を選ぶ。(履歴を削除したくない場合やパスワードごとも削除したくない場合は、Chromeの場合、キャッシュされた画像とファイルとCookieとほかのサイトデータにチェックを入れる。(Googleアカウントへのログイン状態は削除されることはありません。Google以外のアカウントのログイン状態は削除される可能性があります。不安な場合は、キャッシュされた画像とファイルのみにチェックを入れてください。))→ブラウザを再起動する。(Chromeの場合) これで解決できることがあります。 3．パソコンを再起動それでも解決できない場合は、パソコンを再起動しましょう。これによりブラウザに発生したエラーが解決することがあります。以下の手順です。 Windowsの場合：Windowsのロゴ(スタート🪟)をクリック。→電源アイコンをクリック。→再起動をクリック。これで再起動がかかります。 Macの場合：左上のAppleのロゴ(🍎)をクリック。→再起動をクリック。→再起動をするかのダイヤログウィンドウが出てくるので、再起動をクリック。これで、再起動がかかります。 Linux(例：Ubuntu)の場合：右上の歯車(⚙)をクリック。→一番下のシャットダウンをクリック。→シャットダウンのダイヤログウィンドウが出てくるので、左の再起動クリック。これで再起動がかかります。 ChromeOSの場合：右下の時計をクリック。→電源をクリック。表示されたオプションから再起動をクリック。これで再起動がかかります。 4．別のブラウザを利用もしブラウザがChromeの場合は、edgeやSafariなどのブラウザで試してください。ただし、ブラウザによっては、対応していない機能があるので、注意してください。 5．シークレットウィンドウ(ゲストモード)を利用シークレットウィンドウでは、ブラウザやログイン情報を保存されることはありません。ブラウザを開く→3つの…をクリック→新しいシークレットウィンドウを開くをクリックします。すると、シークレットウィンドウが開くはずです。(Chromeの場合) これでCSSが適用されるはずです。それでも問題が解決しない場合は、再度返信へお知らせください。

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

回答9件

HTMLファイルと、
CSSファイルは、同じフォルダ内に置いていますか?

<link rel="stylesheet" href="test1.css">
↑こちらの記述はHTMLファイルとtest1.cssが同じフォルダにあるときの記述です。

もし、「css」フォルダ内にtest1.cssがあるのであれば
<link rel="stylesheet" href="css/test1.css">
↑と書いてください。

投稿2020/04/21 08:02

編集2020/04/21 08:03

new1ro

総合スコア4528

PGPGPG25

2020/04/21 08:07

回答ありがとうございます。原因はこれではないようです。ＣＳＳが適用されませんでした。。。

PGPGPG25

2020/04/21 08:08

フォルダーは同じところに入れています。

new1ro

2020/04/21 08:23 編集

ファイル名が、本当に「test1.css」か確認する..、くらいでしょうか test１.css (全角文字が紛れ込んでいる) test1.ccs (拡張子が間違い) testl.css (1じゃなくて小文字のエル「l」) test1.CSS (拡張子が大文字) あとは、test1.cssファイルの読み込み権限が、自分以外にも付与されているかを確認してもいいかもしれません。

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