月曜日, 12月 26, 2022

HTML_CSS_14 
HTMLとCSSの関連と構造を再確認

間が空いてしまいましたが、質問を有りましたので整理しました。以下の完成データの再確認です。

ファイル構造は上記の通りです

レイアウト構造は以下の通りです

(A)main_box(全体)
(B)side_menu(左端のボタンが配置されている部分)
(C)content(右端のメインビジュアルがある部分)
(1)header(「森のお菓子屋さん」の部分)
(2)〜(5)menu_button(ページ分岐のボタン部分)
(6)message(文章部分)
(7)main_picture(メインビジュアル)

HTMLでの関連
index.htmlでcssファイルの指定漏れは要注意(以下の*****の部分)
<link rel="stylesheet" type="text/css" href="*****">

CSSでの関連