Q&A
HTMLファイルのhead要素の中で、link要素でスタイルシートを指定している部分も質問に載せてください。質問は再編集できます。
cssでclass指定をしても反映されません。
■HTML
<html lang="ja"> <head> <meta charset="shiftjis"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>もふみかと愉快な3人の家族 </title> </head> <body> <p class="picture">3人の家族</p> <h1>ハッピー</h1> <img src="happy cold.jpg" width="156" height="208"> <img src="happy cute.jpg" width="156" height="208"> <P> 人間やったらどこまで我が家のアイドルです。</P> <p>性格・特徴</p> <ul> <li>散歩が大好きです。</li> <li>こたろうが嫌いです（笑）</li> <li>寒がりで冬はこたつの中で冬眠してます。 </li> </ul> <h1>こたろう</h1> <img src="kota ugly.jpg" width="156" height="208"> <img src="growing kota.jpg" width="156" height="208"> <p>一時はどうなるやらと思いましたが、可愛く育ってくれました。</p> <p>性格・特徴</p> <ul> <li>怖がり。プールでは1歩も歩けませんでした（笑）</li> <li>ハッピーへの一方通行な愛。</li> <li>案外賢い面も。トイレは4か月くらいで覚えました！</li> </ul> <h1>お花さん</h1> <img src="hana.jpg" width="156" height="208"> <img src="hana eat.jpg" width="156" height="208"> <p>性格・特徴</p> <ul> <li>食いしん坊お寝んねモンスター（みか考案）</li> <li>散歩、動くことが嫌いです。</li> <li>芸達者。「回れ」が出来ます！</li> </ul> <body> <fieldset> <legend>一番可愛かったのは！？</legend> <label> <input type="radio" name="ourdog"> ハッピー</label> <label><input type="radio" name="ourdog">こたろう</label> <label> <input type="radio" name="ourdog">お花さん</label> </fieldset> </body> </body> </html> ■css.picture {
background-color:pink;
}
勉強を始めたばかりで初歩的な質問になりますが
宜しくお願い致します。
コード
CSSの読み込み自体がうまく行っていない可能性もありますね。そこから確認したほうが良さそうです。
指定自体は正しいと思います。
上のお二方が掛かれたように読み込みがいってるのか。
はたまた、実際はコードがもっとあって、他の指定が邪魔している可能性があるかもしれません。
読込自体は問題が無くて他の指定が邪魔している場合は!importantで無理矢理確認する方法もあります。
が、オススメはしません。メンテナンス性が落ちますので…
chromeの開発者ツール(F12)などでHTMLの構造を確認するのも手です。
ご回答、本当に有難う御座います。
勉強したことを活用したく
犬のwebを作ってみようと思い
質問の日本語もその説明文になっております。
よろしくお願いします。
〈head〉の中に、CSSを読み込む記述が必要です。
回答1件
0
ベストアンサー
おそらくHTMLの〈head〉内でCSSファイルを読み込んでいないことが原因です。
HTML
1<link rel="stylesheet" href="sample.css">
上記例のように、読み込む記述が必要になります。
投稿2020/09/11 13:21
総合スコア44
出来ました！本当に有難うございます。
これからも勉強に励んでいきます。
良かったです！一緒に頑張りましょう！！
あなたの回答
tips
プレビュー
