Q&A
早々のご回答ありがとうございます。大いに助かります。
ファイルパスと言いますと、"practice.css"のところがまずいのでしょうか？
ご教授願います。
こんにちは。
ドットインストールのCSS入門 #03 セレクタとプロパティを理解しよう というところを学習しておりますが、
下記のHTMLファイルをGoogle Chromeで実行しても、CSSが反映されません。
キャッシュをクリアしたり、全角スペースが入っていないか、全角文字・全角記号を使っていないかをインターネットの情報を元に調べたのですが、どうしてもCSSが反映されません。
CSSをブラウザに反映させる為にはどうすればいいのでしょうか？ご教授願います。
lang
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf8"> 5 <title>はじめてのHTML</title> 6 <link rel="sheet" href="practice.css"> 7 </head> 8 <body> 9 <h1>TKG</h1> 10 <p id="first">うまい</p> 11 <p class="points">やすい</p> 12 <p class="points">はやい</p> 13 </body> 14</html>
lang
1h1 { color: skyblye; } 2#first { color: orange; } 3.points { color: violet; }
回答3件
0
h1 { color: skyblye; }
↓
h1 { color: skyblue; }
ですかね？
投稿2015/10/06 06:02
総合スコア3111
0
次の2点が気になります。
-
cssファイルのパス
HTML
1<link rel="sheet" href="practice.css">
↓
HTML
1<link rel="stylesheet" href="practice.css">
投稿2015/10/06 05:46
総合スコア1698
maisumakunさんへのコメントにて、反映されたということなのでパスには問題ないかと思います。
>ファイルパスと言いますと、"practice.css"のところがまずいのでしょうか？
間違っている場合には、その箇所が問題になります。
解決しました。ありがとうございました！
0
ベストアンサー
<link rel="sheet" href="practice.css">ですが、スタイルシートの場合rel="stylesheet"が正しいです。
投稿2015/10/06 05:45
総合スコア145184
早々のご回答ありがとうございます。大いに助かります。
<p>の文字列は反映されましたが、<h1>の文字列は反映されません。
どこが問題なのかご教授願えますか？
一応、修正したファイルを載せます。
```lang-html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf8">
<title>はじめてのHTML</title>
<link rel="stylesheet" href="practice.css">
</head>
<body>
<h1>TKG</h1>
<p id="first">うまい</p>
<p class="points">やすい</p>
<p class="points">はやい</p>
</body>
</html>
```
```lang-CSS
h1 { color: skyblye; }
#first { color: orange; }
.points { color: violet; }
```
色名は、skyblueが正しいのではないかと思います。
解決しました。ありがとうございました！
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/10/06 09:40 編集