ETCにもどる
基本構文
CSSを使うと どう見えるか、実際に試してみる
① 前ページの「背景画像」を読み、header.jpg、page.jpg、footer.jpg の3枚の画像を適当なフォルダに保存する
② 下の二つのファイルを、右クリックして「対象をファイルに保存」を選択、①と同じフォルダに保存する
■
test.css
■
test.html
③ 保存した test.html を右クリックして、「プログラムから開く」 の 「Internet Explorer」 をクリックする 下のような感じに見えたら大成功
まず、test.css から説明、保存した test.css を開いてみる
CSSファイルの特徴は、
● { と } の間に決まり事を書く
●文の最後には、必ず ; (セミコロン)をつける
page-body のほかに header や mainpage などがあるが、下のようなイメージになる
保存した test.html を開いてみる この関係が理解できる
test.html で、文の先頭を Tabキー を使ってずらしている、わかりやくするため
---- End ----
↑PageTop
ETCにもどる