Q&A
ブラウザコンソールにエラーは出ていませんか？
前提・実現したいこと
HTMLにCSSを読み込ませたいです
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
GoogleChromeで開いて検証しているのですが、しっかりとCSSファイルはクリックできますし、どうしたらCSSを読み込ませられるのかわかりません
該当のソースコード
<!docktype html> <html> <head> <meta charaset="UTF-8"> <title>CSSの練習</title> <link rel="stylesheet" type="text/css" href="./index.css" </head> <body> <h1>English</h1> <p>Bukayo Saka - Wikipedia Bukayo Saka (born 5 September 2001) is an English professional footballer who plays as a winger, left back or wing back for Premier League club Arsenal. Career · International career · Career statistics</p> <h1>English2</h1> <p>Bukayo Saka - Wikipedia Bukayo Saka (born 5 September 2001) is an English professional footballer who plays as a winger, left back or wing back for Premier League club Arsenal. Career · International career · Career statistics</p> </body> </html>CSS
h1{
color: red;
font-size: : 9px;
}
.p{
background-color: red;
}```ここに言語名を入力
HTML、CSS
### 試したこと ・./をつける ・誤字を探す ### 補足情報（FW/ツールのバージョンなど） ここにより詳細な情報を記載してください。
回答5件
0
ベストアンサー
誤字を探す
山のようにあります。
<!docktype html>→<!DOCTYPE html><meta charaset="UTF-8">→<meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="./index.css"が閉じられていないfont-size: : 9px;→font-size: 9px;
投稿2020/02/13 08:04
総合スコア145184
0
まず、構文のチェックから
Another HTML-lint
CSS Validation Service
構文チェック機能のあるエディタ使うべきですね。
投稿2020/02/13 10:45
総合スコア80850
0
F12 → 更新ボタン右クリック → キャッシュのクリアとハードの再読み込みは試しましたよね？
投稿2020/02/13 08:00
総合スコア2341
0
そもそもクラスがないのに.を記入していました。皆様ありがとうございます。
投稿2020/02/16 03:35
総合スコア39
それだけで済ませるとあなた自身にも今後見た人のためにもならないので低評価しました。
あなたの回答
tips
プレビュー
