トップページからリンクで飛んだ先のページ背景（初心者です）

Question

初心者です。
いま、初webページを作っておりindex.htmlとCSS、imgフォルダは作りました。indexのトップページからa hrefでもう1ページ（about.html）作ったところに飛ばすようにしています。
そこで、超初心者の質問で申し訳ないのですが、
・about.htmlのスタイルシートはまた別に作らないといけませんか？

・index.htmlとabout.htmlの背景画像を変えるにはどうすればよいですか？

about.htmlの〈head〉以降に〈div id＝"about"〉ページ最後に〈/div〉をつけて、もともとのCSSの中に
#about｛
background -color:navy;
｝
としても、何の反応もなく…調べても分からなかったので、教えていただけると助かります。

Comments

[x_x]

それぞれのファイルの場所はどうなっているのでしょうか？

[yurik4]

indexは単体で置いていて、CSSフォルダの中にstylesheet.cssを置いており、jyohoフォルダと名付けたフォルダ内にabout.htmlを入れています。説明下手ですみません。

[x_x]

今試しているHTMLの中身を書いてもらってもいいですか？

[yurik4]

ありがとうございます。解決しました。階層記述ミスでしたm(_ _)m

Answer 1

見当違いの回答だったようですみません

では、linkのパスが違う可能性があるかもしれません

・about.htmlのスタイルシートはまた別に作らないといけませんか？

についてはppnさんのいう通り、スタイルシートはabout.html用を個別に作ることも可能です。
また既存のstylesheet.cssのみでindex.htmlとabout.htmlを兼用も可能です。

兼用を希望する場合にはそれぞれのファイルでパスが変わります

　　　　　　　　　　　　　　　　ココ
　　　　　　　　　　　　　　　　↓
<link rel="stylesheet" href="./css/stylesheet.css">

• 現状のcssファイルは個別、兼用どちらでしょうか？

• 個別の場合はabout.html用のcssファイルの場所を教えてください

Comments

[yurik4]

丁寧に教えて下さりありがとうございます。おっしゃるとおり、linkのパスが違っていました。
解決できました^_^
初心者なので、また超とんちんかんな質問をするかと思います。
また、教えていただけると助かります^ ^

[akihiro3]

解決できて良かったです

こちらも分からないこと沢山ありますので、
その時は逆に助けてください（切実...）

一緒に頑張りましょう！

Answer 2

about｛
background -color:navy;
｝

上記cssでセレクタの前に「＃」は付けてますでしょうか？
htmlで
「id」に対してcssでは「＃」、
「class」に対してはCSSでは「.」
が必要になります

あと空白あるならば消す必要があります

　　　　　　ここ空白？
          ↓
background〇‐color:cavy;

下記に修正してみてください

#about｛
background-color:navy;
｝

Comments

[yurik4]

ご教示のとおりにはしています。詳しくタグを書いてくださりありがとうございます。

Answer 3

スタイルはhtmlとは別ファイルに記述することができます。
ただし、htmlにそのファイルを参照する旨を記述しなければなりません。

両方のhtmlが、ひとつのcssファイルを参照するようにしておけば、共通するスタイルの記述は一度ですみます。

Comments

[yurik4]

about.htmlの中にスタイルシートを参照する記述をしていたのですが、../を入れていませんでした。
解決しました。ありがとうございます^ ^